*{margin:0;padding:0;box-sizing:border-box}:root{--cosmic-dark:#1a1a3e;--cosmic-purple:#4a2c7a;--cosmic-violet:#7b3fa0;--gold-primary:#d4af37;--gold-light:#f4d03f;--planet-pink:#ff9ff3;--planet-blue:#74b9ff;--planet-green:#55efc4;--planet-purple:#a29bfe;--text-dark:#2c3e50;--text-light:#fff;--bg-light:#f8f9fa}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,var(--cosmic-dark) 0%,var(--cosmic-purple) 50%,var(--cosmic-violet) 100%);min-height:100vh;color:var(--text-dark);position:relative;overflow-x:hidden}body::before{content:'';position:fixed;inset:0;background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.6),transparent);background-size:200px 200px;animation:twinkle 5s ease-in-out infinite;pointer-events:none;z-index:0;opacity:.5}@keyframes twinkle{0%,100%{opacity:.3}50%{opacity:.7}}.app{max-width:1400px;margin:0 auto;display:flex;min-height:100vh;position:relative;z-index:1}.sidebar{width:280px;background:linear-gradient(180deg,var(--cosmic-dark) 0%,var(--cosmic-purple) 100%);border-right:3px solid var(--gold-primary);padding:30px 20px;position:fixed;height:100vh;overflow-y:auto;box-shadow:5px 0 30px rgba(0,0,0,.5);z-index:100}.logo{text-align:center;margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid var(--gold-primary)}.brand-logo{display:block;width:100%;max-width:220px;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:22px;margin:0 auto 18px;box-shadow:0 10px 30px rgba(0,0,0,.35)}.logo h1{color:var(--gold-primary);font-size:28px;font-weight:bold;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:10px}.logo-subtitle{color:var(--planet-pink);font-size:14px}.nav-menu{list-style:none}.nav-item{margin:10px 0}.nav-link{display:flex;align-items:center;padding:15px 20px;color:var(--text-light);text-decoration:none;border-radius:12px;transition:all .3s ease;cursor:pointer;gap:15px;font-size:16px}.nav-link:hover{background:rgba(212,175,55,.2);transform:translateX(8px)}.nav-link.active{background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-light) 100%);color:var(--cosmic-dark);font-weight:bold}.nav-icon{font-size:24px;width:30px;text-align:center}.main-content{flex:1;margin-left:280px;padding:40px;overflow-y:auto}.section{display:none;animation:fadeIn .5s ease}.section.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card{background:rgba(255,255,255,.98);border-radius:25px;padding:35px;margin:25px 0;box-shadow:0 15px 50px rgba(212,175,55,.25);border:2px solid rgba(212,175,55,.3)}.card-title{color:var(--cosmic-purple);font-size:28px;margin-bottom:20px;display:flex;align-items:center;gap:15px}.btn{padding:15px 35px;border:none;border-radius:50px;font-size:16px;font-weight:bold;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:10px;box-shadow:0 5px 20px rgba(0,0,0,.2);margin:5px}.btn-primary{background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-light) 100%);color:var(--cosmic-dark)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(212,175,55,.6)}.btn-secondary{background:linear-gradient(135deg,var(--cosmic-violet) 0%,var(--planet-purple) 100%);color:#fff}.welcome-banner{background:linear-gradient(135deg,rgba(212,175,55,.2) 0%,rgba(255,159,243,.2) 100%);border-radius:25px;padding:40px;text-align:center;margin-bottom:30px;border:3px solid var(--gold-primary)}.welcome-banner h2{color:var(--gold-primary);font-size:36px;margin-bottom:15px}.welcome-banner p{color:var(--text-light);font-size:18px;line-height:1.6}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:30px}.action-card{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border-radius:20px;padding:30px;text-align:center;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.action-card:hover{transform:translateY(-10px);border-color:var(--gold-primary);box-shadow:0 15px 40px rgba(212,175,55,.3)}.action-icon{font-size:50px;margin-bottom:15px}.action-title{color:var(--cosmic-purple);font-size:20px;font-weight:bold;margin-bottom:10px}.action-desc{color:var(--text-dark);font-size:14px}.child-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;margin-top:25px}.child-card{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border-radius:25px;padding:30px;border:3px solid var(--gold-primary);box-shadow:0 10px 40px rgba(212,175,55,.25);transition:all .3s ease;position:relative}.child-card:hover{transform:translateY(-8px)}.child-name{font-size:28px;color:var(--cosmic-purple);font-weight:bold;margin-bottom:15px}.child-info{margin:10px 0;color:var(--text-dark)}.zodiac-badges{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap}.zodiac-badge{background:linear-gradient(135deg,var(--planet-pink) 0%,#f368e0 100%);color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:bold}.note-form{background:rgba(212,175,55,.1);border-radius:20px;padding:30px;margin-bottom:30px;border:2px dashed var(--gold-primary)}.form-group{margin-bottom:20px}.form-group label{display:block;color:var(--cosmic-purple);font-weight:bold;margin-bottom:8px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 18px;border:2px solid var(--planet-purple);border-radius:12px;font-size:15px;background:#fff}.form-group textarea{min-height:120px;resize:vertical}.note-card{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border-radius:18px;padding:25px;margin:15px 0;border-left:5px solid var(--planet-pink);box-shadow:0 5px 20px rgba(0,0,0,.1)}.method-step{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border-radius:20px;padding:30px;margin:25px 0;border-left:6px solid var(--gold-primary);box-shadow:0 8px 25px rgba(74,44,122,.15)}.step-number{background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-light) 100%);color:var(--cosmic-dark);width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:bold;margin-bottom:15px}.step-title{color:var(--cosmic-purple);font-size:22px;font-weight:bold;margin-bottom:12px}.consultation-card{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border-radius:25px;padding:40px;text-align:center;border:3px solid var(--gold-primary);max-width:600px;margin:0 auto}.settings-group{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border-radius:20px;padding:30px;margin:20px 0}.about-bio{margin-top:14px;line-height:1.7}.language-buttons{display:flex;gap:15px;flex-wrap:wrap}.lang-btn{background:linear-gradient(135deg,var(--planet-purple) 0%,#6c5ce7 100%);color:#fff;padding:12px 28px;border:none;border-radius:25px;cursor:pointer;font-weight:bold}.lang-btn.active{background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-light) 100%);color:var(--cosmic-dark)}.info-block{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border-radius:15px;padding:25px;margin:15px 0;border-left:5px solid var(--gold-primary)}.info-title{color:var(--cosmic-purple);font-size:20px;font-weight:bold;margin-bottom:15px}.tarot-container{text-align:center;padding:20px}.tarot-display{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:30px}.tarot-card{background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-light) 100%);padding:30px;border-radius:15px;width:200px;box-shadow:0 10px 40px rgba(212,175,55,.5)}@media(max-width:768px){.sidebar{width:100%;height:auto;position:relative;border-right:none;border-bottom:3px solid var(--gold-primary)}.main-content{margin-left:0;padding:20px}.app{flex-direction:column}.nav-menu{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.brand-logo{max-width:240px}}