@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--black:#050506;--dark:#09090c;--panel:#0d0c12;--panel-light:#15131c;--border:#ffffff1a;--text:#eee;--muted:#8b8792;--purple:#8d4cff;--purple-dark:#32165f;--red:#7d202b;--white:#fff}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--black);color:var(--text);font-family:Inter,sans-serif;overflow-x:hidden}button,input{font-family:inherit}button{cursor:pointer}.site{background:radial-gradient(at 50% 35%,#481f6e2e 0%,#0000 48%),radial-gradient(at 20% 80%,#55141e1f 0%,#0000 40%),#050506;min-height:100vh}.navbar{z-index:50;background:linear-gradient(#050506eb,#05050600);justify-content:space-between;align-items:center;height:82px;padding:0 6%;display:flex;position:fixed;top:0;left:0;right:0}.brand{letter-spacing:5px;color:#eee;font-family:Cinzel,serif;font-size:17px;font-weight:700}.nav-button{color:#fff;letter-spacing:1.5px;background:#0a080ecc;border:1px solid #8d4cff80;padding:12px 20px;font-size:11px;font-weight:700;transition:all .3s}.nav-button:hover{background:var(--purple);border-color:var(--purple);box-shadow:0 0 30px #8d4cff59}.hero{background:radial-gradient(#37175338,#0000 52%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#0000 15%,#00000059 60%,#000000e6 100%);position:absolute;inset:0}.hero:after{content:"";opacity:.055;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");position:absolute;inset:0}.fog{filter:blur(55px);pointer-events:none;background:#8278910b;border-radius:50%;width:650px;height:180px;animation:13s ease-in-out infinite alternate drift;position:absolute}.fog-1{bottom:15%;left:-150px}.fog-2{animation-delay:-5s;top:30%;right:-180px}@keyframes drift{0%{transform:translate(-60px)}to{transform:translate(80px)}}.hero-content{z-index:5;text-align:center;max-width:850px;padding:100px 30px 60px;position:relative}.eyebrow{letter-spacing:6px;color:#8f8998;margin-bottom:22px;font-size:11px;font-weight:700}.hero h1{letter-spacing:-5px;color:#eee;text-shadow:0 0 40px #ffffff0a;font-family:Cinzel,serif;font-size:clamp(65px,11vw,150px);font-weight:700;line-height:.82}.hero h1 span{color:#8c4cff;text-shadow:0 0 25px #8d4cff40,0 0 70px #4614782e;display:block}.description{color:#918d98;letter-spacing:.3px;max-width:470px;margin:35px auto;font-size:14px;line-height:1.8}.main-button{color:#fff;letter-spacing:2px;background:linear-gradient(135deg,#8d4cff29,#190f23cc);border:1px solid #8d4cff99;padding:17px 34px;font-size:11px;font-weight:700;transition:all .35s;position:relative;box-shadow:0 0 30px #8d4cff0d}.main-button:hover{background:#8d4cff;border-color:#8d4cff;transform:translateY(-3px);box-shadow:0 10px 50px #8d4cff4d}.scroll-hint{color:#56525d;letter-spacing:3px;flex-direction:column;align-items:center;gap:6px;font-size:8px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.scroll-hint span{font-size:20px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}.modal{z-index:100;opacity:1;visibility:visible;justify-content:center;align-items:center;padding:25px;transition:all .3s;display:flex;position:fixed;inset:0}.modal.hidden{opacity:0;visibility:hidden;pointer-events:none}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e0;position:absolute;inset:0}.quest-card{z-index:2;background:radial-gradient(at top,#411b5f33,#0000 45%),#0c0a10;border:1px solid #ffffff1a;width:100%;max-width:650px;max-height:90vh;padding:35px;animation:.35s cardAppear;position:relative;overflow-y:auto;box-shadow:0 30px 100px #000c,0 0 80px #46146e14}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.quest-card::-webkit-scrollbar{width:4px}.quest-card::-webkit-scrollbar-track{background:0 0}.quest-card::-webkit-scrollbar-thumb{background:#312438}.close-button{color:#77717d;background:0 0;border:1px solid #ffffff1a;border-radius:50%;width:34px;height:34px;font-size:22px;transition:all .25s;position:absolute;top:18px;right:18px}.close-button:hover{color:#fff;border-color:#ffffff4d}.quest-header{text-align:center;padding:5px 20px 28px}.skull{color:#8d4cff;text-shadow:0 0 25px #8d4cff59;margin-bottom:15px;font-size:28px}.quest-eyebrow{letter-spacing:4px;color:#67616d;margin-bottom:10px;font-size:9px}.quest-header h2{letter-spacing:-.5px;font-family:Cinzel,serif;font-size:29px}.quest-header h2 span{color:#8d4cff;text-shadow:0 0 20px #8d4cff40}.quest-description{color:#77717d;margin-top:12px;font-size:12px;line-height:1.7}.progress-box{background:#ffffff04;border:1px solid #ffffff14;padding:22px}.progress-title{letter-spacing:1px;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:10px;display:flex}.progress-title strong{color:#aaa4ae}.progress-title span{color:#8d4cff;font-weight:700}.progress-bar{background:#211c26;width:100%;height:4px;margin-bottom:20px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#52238c,#9c5aff);width:0%;height:100%;transition:width .4s;box-shadow:0 0 15px #8d4cff80}.connect-x{color:#09090a;letter-spacing:.5px;background:#eee;border:none;width:100%;height:48px;margin-bottom:12px;font-size:11px;font-weight:700;transition:all .25s}.connect-x:hover{background:#fff;box-shadow:0 5px 25px #ffffff14}.tasks{flex-direction:column;gap:8px;display:flex}.task{background:#ffffff05;border:1px solid #ffffff0f;transition:all .25s;position:relative}.task:hover{background:#8d4cff06;border-color:#8d4cff40}.task>input{display:none}.task label{cursor:pointer;align-items:center;gap:12px;min-height:64px;padding:10px 13px;display:flex}.task-number{color:#59535f;border:1px solid #ffffff14;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:9px;transition:all .25s;display:flex}.task-content{flex-direction:column;flex:1;gap:5px;display:flex}.task-content strong{color:#bdb7c1;font-size:11px}.task-content span{color:#625d66;font-size:9px}.task label a{color:#716a78;letter-spacing:.5px;font-size:9px;font-weight:700;text-decoration:none}.task label a:hover{color:#a86dff}.task>input:checked+label{background:#8d4cff12}.task>input:checked+label .task-number{color:#b57dff;border-color:#8d4cff;box-shadow:0 0 15px #8d4cff33}.task>input:checked+label .task-content strong{color:#e6d9f7}.proof-input{color:#fff;background:#0a090e;border:1px solid #ffffff0f;outline:none;width:calc(100% - 26px);height:38px;margin:0 13px 13px;padding:0 12px;font-size:10px;display:block}.proof-input::placeholder{color:#4f4a54}.proof-input:focus{border-color:#8d4cff66}.wallet-section{text-align:center;background:radial-gradient(#8d4cff0f,#0000 70%);border:1px dashed #ffffff1f;margin-top:14px;padding:25px;transition:all .4s}.wallet-section.locked{opacity:.55}.lock-icon{margin-bottom:10px;font-size:18px}.wallet-section h3{letter-spacing:1px;font-family:Cinzel,serif;font-size:14px}.wallet-section p{color:#69636e;max-width:400px;margin:8px auto 18px;font-size:10px;line-height:1.6}.wallet-form{gap:8px;display:flex}.wallet-form input{color:#fff;background:#09080d;border:1px solid #ffffff14;outline:none;flex:1;min-width:0;height:43px;padding:0 13px;font-size:10px}.wallet-form input::placeholder{color:#4d4851}.wallet-form input:focus{border-color:#8d4cff66}.wallet-form button{color:#fff;letter-spacing:1px;background:#8d4cff;border:1px solid #8d4cff;height:43px;padding:0 18px;font-size:9px;font-weight:700;transition:all .25s}.wallet-form button:hover{background:#a76cff;box-shadow:0 0 25px #8d4cff40}@media (width<=600px){.navbar{height:70px;padding:0 20px}.brand{letter-spacing:3px;font-size:12px}.nav-button{padding:10px 12px;font-size:8px}.hero-content{padding:100px 20px 60px}.hero h1{letter-spacing:-3px;font-size:65px}.description{margin:28px auto;font-size:12px}.main-button{padding:15px 25px}.quest-card{max-height:94vh;padding:22px 15px}.quest-header h2{font-size:24px}.progress-box{padding:14px}.task label{padding:9px}.task-content strong{font-size:10px}.task-content span,.task label a{font-size:8px}.wallet-form{flex-direction:column}.wallet-form input,.wallet-form button{width:100%}}