@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Philosopher:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Philosopher,sans-serif;background:radial-gradient(circle at 20% 20%,#0f001f,#070010 80%);min-height:100vh;overflow-x:hidden;position:relative;color:#e0c3fc}body:before,body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}body:before{background:radial-gradient(ellipse at 40% 60%,rgba(102,126,234,.2),transparent 70%);filter:blur(90px);animation:aurora1 12s ease-in-out infinite alternate}body:after{background:radial-gradient(ellipse at 60% 40%,rgba(183,148,246,.25),transparent 70%);filter:blur(100px);animation:aurora2 14s ease-in-out infinite alternate}@keyframes aurora1{0%{transform:translateY(-10%) rotate(0)}to{transform:translateY(10%) rotate(20deg)}}@keyframes aurora2{0%{transform:translate(-10%) rotate(0)}to{transform:translate(10%) rotate(-20deg)}}.app-container{position:relative;z-index:1;text-align:center;padding:120px 20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;animation:fadeIn 1.5s ease-in}.oracle-title{font-family:Cinzel,serif;font-size:3.8rem;font-weight:700;background:linear-gradient(135deg,#b794f6,#e0c3fc,#8ec5fc);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:0 0 40px rgba(183,148,246,.8);margin-bottom:10px;animation:glow 3s ease-in-out infinite;position:relative}.fortune-text.fade-in{animation:fadeIn .8s ease forwards}.fortune-text.fade-out{animation:fadeOut .3s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.oracle-title:before{content:"🔮";position:absolute;left:50%;top:-90px;transform:translate(-50%);font-size:4.5rem;animation:float 4s ease-in-out infinite;filter:drop-shadow(0 0 25px rgba(183,148,246,.8))}@keyframes glow{0%,to{text-shadow:0 0 20px rgba(183,148,246,.4)}50%{text-shadow:0 0 50px rgba(183,148,246,.9),0 0 80px rgba(142,197,252,.6)}}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-12px)}}.oracle-form{margin:30px 0;width:100%;max-width:500px;position:relative}.form-label{font-size:1.2rem;margin-bottom:15px;display:block;letter-spacing:1px;color:#e0c3fc;text-shadow:0 0 12px rgba(224,195,252,.6)}.oracle-input{width:100%;padding:15px 20px;margin-top:15px;font-size:1.1rem;background:#1a00338c;border:2px solid rgba(183,148,246,.5);border-radius:15px;color:#e0c3fc;outline:none;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d}.oracle-input::placeholder{color:#e0c3fc80;font-style:italic}.oracle-input:focus{border-color:#b794f6;box-shadow:0 0 30px #b794f6cc;transform:translateY(-2px)}.oracle-button{padding:15px 50px;margin-top:15px;font-size:1.2rem;font-family:Cinzel,serif;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;color:#fff;cursor:pointer;letter-spacing:1px;transition:all .4s ease;position:relative;overflow:hidden;box-shadow:0 8px 30px #667eea66}.oracle-button:before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent);transform:skew(-25deg)}.oracle-button:hover:before{animation:shimmer 1.5s infinite}@keyframes shimmer{to{left:125%}}.oracle-button:hover:not(:disabled){transform:translateY(-4px) scale(1.03);box-shadow:0 10px 40px #667eeab3}.oracle-button.loading{animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 5px 25px #667eea66}50%{box-shadow:0 5px 40px #b794f6e6}}.fortune-container{margin-top:40px;padding:35px;width:900px;max-width:900px;min-height:160px;background:#1a0033a6;border:2px solid rgba(183,148,246,.35);border-radius:25px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 40px #0006,inset 0 0 40px #b794f626;position:relative;overflow:hidden;animation:fadeIn 1.2s ease-in}.fortune-container:after{content:"";position:absolute;top:-30%;left:-30%;width:160%;height:160%;background:conic-gradient(from 0deg,transparent,rgba(183,148,246,.15),transparent 60%);animation:rotateGlow 10s linear infinite}@keyframes rotateGlow{to{transform:rotate(360deg)}}.fortune-text{font-size:1.4rem;line-height:1.8;font-style:italic;text-shadow:0 0 20px rgba(224,195,252,.5);position:relative;z-index:1;animation:fadeInUp 1.5s ease}.fortune-text.error{color:#ff8c8c;font-style:normal;text-shadow:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.oracle-title{font-size:2.7rem}.oracle-title:before{font-size:3.5rem;top:-65px}.oracle-input,.fortune-container{max-width:90%}.fortune-text{font-size:1.1rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}html,body{height:100%;overflow-x:hidden}.app-container>*{margin-bottom:25px}.hamburger{position:fixed;top:25px;right:30px;width:30px;height:24px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;z-index:10;transition:all .3s ease}.hamburger div{width:100%;height:4px;background:#e0c3fc;border-radius:2px;transition:all .4s ease;box-shadow:0 0 10px #b794f6cc}.hamburger.active div:nth-child(1){transform:translateY(10px) rotate(45deg)}.hamburger.active div:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.menu{position:fixed;top:0;right:-320px;width:300px;height:100vh;background:#1a0033e6;border-left:2px solid rgba(183,148,246,.4);box-shadow:-5px 0 25px #0009;color:#e0c3fc;transition:right .4s ease;padding:70px 20px 20px;z-index:9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.menu.open{right:0}.menu h3{font-family:Cinzel,serif;font-size:1.3rem;margin-bottom:20px;text-align:center;color:#b794f6}.menu ul{list-style:none;padding:0;margin:0}.menu li{margin:15px 0;line-height:1.6}.menu a{color:#8ec5fc;text-decoration:none;transition:color .3s ease}.menu a:hover{color:#b794f6;text-shadow:0 0 8px rgba(183,148,246,.7)}@media(max-width:600px){.menu{width:85%}}.contact-bar{position:fixed;top:20px;right:30px;display:flex;gap:20px;z-index:10;font-family:Philosopher,sans-serif;background:#1a003380;padding:10px 20px;border-radius:50px;border:1px solid rgba(183,148,246,.4);box-shadow:0 0 20px #b794f64d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.contact-bar a{color:#e0c3fc;text-decoration:none;font-size:.95rem;transition:color .3s,text-shadow .3s}.contact-bar a:hover{color:#b794f6;text-shadow:0 0 10px rgba(183,148,246,.8)}.hamburger{position:fixed;top:25px;right:30px;width:30px;height:22px;display:none;flex-direction:column;justify-content:space-between;cursor:pointer;z-index:11}.hamburger div{width:100%;height:4px;background:#e0c3fc;border-radius:2px;box-shadow:0 0 10px #b794f6cc;transition:all .3s ease}.hamburger.active div:nth-child(1){transform:translateY(9px) rotate(45deg)}.hamburger.active div:nth-child(2){opacity:0}.hamburger.active div:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.menu{position:fixed;top:0;right:-320px;width:300px;height:100vh;background:radial-gradient(circle at top right,#1a0033f2,#0a0019e6);border-left:2px solid rgba(183,148,246,.5);box-shadow:-5px 0 30px #b794f640;color:#e0c3fc;transition:right .5s ease,opacity .6s ease;padding:80px 25px 20px;z-index:10;opacity:0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.menu.open{right:0;opacity:1;animation:glowIn 1s ease forwards}@keyframes glowIn{0%{box-shadow:-5px 0 20px #b794f600}to{box-shadow:-5px 0 35px #b794f699}}.menu h3{font-family:Cinzel,serif;font-size:1.2rem;text-align:center;margin-bottom:20px;color:#b794f6}.menu ul{list-style:none;padding:0}.menu li{margin:15px 0}.menu a{color:#8ec5fc;text-decoration:none}.menu a:hover{color:#b794f6;text-shadow:0 0 10px rgba(183,148,246,.8)}@media(max-width:1008px){.contact-bar{display:none}.hamburger{display:flex}}