:root{--primary:#8A2BE2;--secondary:#4169E1;--accent:#FF69B4;--dark:#0A0A1A;--light:#F8F8FF;--mystic:#9370DB;--star:#FFD700;--gradient:linear-gradient(135deg, var(--primary), var(--secondary), var(--accent));--glass:rgba(255, 255, 255, 0.1);--shadow:0 10px 30px rgba(138, 43, 226, 0.2)}*{margin:0;padding:0;box-sizing:border-box;word-break:keep-all;text-wrap:balance}body{font-family:'Noto Sans KR',sans-serif;background:var(--dark);color:var(--light);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 20% 30%,rgba(138,43,226,.1) 0,transparent 20%),radial-gradient(circle at 80% 70%,rgba(65,105,225,.1) 0,transparent 20%)}.stars{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle 3s infinite}@keyframes twinkle{0%,100%{opacity:.2}50%{opacity:1}}.container{max-width:1200px;margin:0 auto;padding:20px}header{padding:30px 0;text-align:center;position:relative}.logo{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px}.logo-icon{font-size:3rem;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:pulse 3s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.logo-text{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tagline{font-size:1.2rem;opacity:.8;margin-bottom:30px}.main-card{background:var(--glass);backdrop-filter:blur(10px);border-radius:25px;padding:40px;margin:30px 0;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow);text-align:center;position:relative;overflow:hidden}.main-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient)}.main-title{font-size:2.2rem;margin-bottom:15px;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gender-selection{margin-bottom:25px}.gender-option{cursor:pointer}.gender-input{display:none}.gender-btn{padding:15px 30px;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);border-radius:12px;color:rgba(255,255,255,.7);display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:500;transition:all .3s ease;min-width:120px;justify-content:center}.gender-input:checked+.gender-btn{background:var(--gradient);color:#fff;border-color:var(--primary);box-shadow:0 0 0 3px rgba(138,43,226,.2)}.gender-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(138,43,226,.2)}.gender-btn i{font-size:1.3rem}.birth-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:400px;margin:0 auto 20px}.input-hint{text-align:center}@media (max-width:480px){.gender-btn{padding:12px 20px;min-width:100px;font-size:1rem}.birth-inputs{grid-template-columns:repeat(3,1fr);max-width:100%}}.birth-input{width:100%;padding:15px;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:1.1rem;transition:all .3s ease;text-align:center}.birth-input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(138,43,226,.2)}.birth-input::placeholder{text-align:center}.input-hint{font-size:.9rem;opacity:.7;margin-top:5px;display:block}.birth-inputs{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px;max-width:400px;margin:0 auto 20px}.fortune-btn{background:var(--gradient);color:#fff;border:none;padding:16px 40px;font-size:1.1rem;border-radius:50px;cursor:pointer;font-weight:600;transition:all .3s ease;margin-top:20px}.fortune-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 20px rgba(138,43,226,.3)}.fortune-btn:disabled{opacity:.5;cursor:not-allowed}.main-desc{font-size:1.1rem;opacity:.9;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}.quick-access{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin:40px 0}.fortune-card{background:var(--glass);backdrop-filter:blur(10px);border-radius:20px;padding:30px 25px;text-align:center;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.fortune-card:hover{transform:translateY(-10px);box-shadow:0 15px 35px rgba(138,43,226,.3);border-color:var(--primary)}.fortune-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient);opacity:0;transition:opacity .3s ease}.fortune-card:hover::before{opacity:1}.card-icon{font-size:2.5rem;margin-bottom:20px;height:70px;display:flex;align-items:center;justify-content:center}.card-title{font-size:1.4rem;font-weight:600;margin-bottom:10px;color:#fff}.card-desc{font-size:.95rem;opacity:.8;margin-bottom:20px;line-height:1.5}.badge{display:inline-block;padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.badge-free{background:rgba(0,255,0,.2);color:#0f0}.badge-premium{background:rgba(255,215,0,.2);color:var(--star)}.quick-astrology{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:40px 0;padding:25px;background:var(--glass);border-radius:20px}.zodiac-btn{width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.1);border:2px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-weight:700;font-size:1.2rem}.zodiac-btn:hover{background:var(--gradient);transform:scale(1.1)}.main-card-content{position:absolute;width:100%;left:0;z-index:2}.planets{position:relative;height:290px;min-height:220px;margin:50px auto}.planet{position:absolute;border-radius:50%;animation:orbit linear infinite}.planet-1{width:40px;height:40px;background:var(--primary);top:50%;left:20%;animation-duration:20s}.planet-2{width:30px;height:30px;background:var(--secondary);top:30%;left:60%;animation-duration:25s}.planet-3{width:25px;height:25px;background:var(--accent);top:70%;left:40%;animation-duration:30s}@keyframes orbit{0%{transform:rotate(0) translateX(100px) rotate(0)}100%{transform:rotate(360deg) translateX(100px) rotate(-360deg)}}footer{text-align:center;padding:40px 0 20px;margin-top:60px;border-top:1px solid rgba(255,255,255,.1)}.social-links{display:flex;justify-content:center;gap:20px;margin:20px 0}.social-link{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s ease}.social-link:hover{background:var(--gradient);transform:translateY(-3px)}@media (max-width:768px){.logo-text{font-size:2rem}.main-title{font-size:1.8rem}.quick-access{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.fortune-card{padding:20px 15px}}@media (max-width:480px){.logo{flex-direction:column}.logo-text{font-size:1.8rem}.quick-access{grid-template-columns:1fr}}.fortune-result-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(10,10,26,.95);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;overflow-y:auto;padding:20px}.fortune-result-container{background:var(--glass);backdrop-filter:blur(20px);border-radius:30px;padding:30px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px rgba(0,0,0,.5);position:relative}.close-btn{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.1);border:none;width:40px;height:40px;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s ease}.close-btn:hover{background:var(--gradient);transform:rotate(90deg)}.result-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.result-header h2{font-size:2.2rem;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}.result-subtitle{opacity:.8;font-size:1.1rem}.result-content{padding:20px 0}.result-card{background:rgba(255,255,255,.05);border-radius:20px;padding:25px;margin-bottom:20px;border-left:4px solid var(--primary)}.result-card.total{border-left-color:var(--accent);background:rgba(255,105,180,.1)}.result-card.health{border-left-color:#4caf50}.result-card.love{border-left-color:#ff4081}.result-card.money{border-left-color:gold}.result-card.career{border-left-color:#2196f3}.result-icon{font-size:2.5rem;margin-bottom:15px}.result-card h3{font-size:1.3rem;margin-bottom:10px;color:#fff}.result-card p{opacity:.9;line-height:1.6}.fortune-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:30px 0}.lucky-info{background:rgba(0,0,0,.3);border-radius:20px;padding:25px;margin:30px 0}.lucky-item{display:flex;align-items:center;gap:20px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.lucky-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.lucky-icon{font-size:2rem;width:60px;height:60px;background:var(--gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lucky-content h4{font-size:1.2rem;margin-bottom:5px;color:#fff}.lucky-number{font-size:2.5rem;font-weight:700;color:var(--star);margin:5px 0}.lucky-color{font-size:1.8rem;font-weight:700;color:var(--mystic);margin:5px 0}.lucky-item.advice .lucky-content p{font-style:italic;opacity:.9}.action-buttons{display:flex;gap:15px;margin-top:30px}.new-btn,.share-btn{flex:1;padding:16px;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.share-btn{background:var(--gradient);color:#fff}.new-btn{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2)}.share-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(138,43,226,.3)}.new-btn:hover{background:rgba(255,255,255,.2);transform:translateY(-3px)}@media (max-width:768px){.fortune-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.fortune-result-container{padding:20px;margin:10px}.result-header h2{font-size:1.8rem}}