:root{--glass-opacity:0.85;--glass-blur:16px;--glass-border-opacity:0.1;--glass-highlight-opacity:0.2;--glass-shadow-opacity:0.2;--transition-fast:150ms;--transition-medium:300ms;--transition-slow:500ms;--transition-very-slow:1000ms;--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-quart:cubic-bezier(0.25,1,0.5,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1)}.glass-panel{background-color:rgba(10,15,31,var(--glass-opacity));backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(255,255,255,var(--glass-border-opacity));border-radius:1rem;box-shadow:0 8px 32px rgba(0,0,0,var(--glass-shadow-opacity)),inset 0 1px 0 rgba(255,255,255,.05);transition:background-color var(--transition-medium) var(--ease-out-quart),box-shadow var(--transition-medium) var(--ease-out-quart),transform var(--transition-medium) var(--ease-out-quart);position:relative;overflow:hidden}.glass-panel-light{--glass-opacity:0.65;--glass-border-opacity:0.15}.glass-panel-dark{--glass-opacity:0.85;--glass-border-opacity:0.05}.glass-panel:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,var(--glass-highlight-opacity)),transparent);opacity:.8}.glass-panel.interactive:hover{background-color:rgba(15,25,50,var(--glass-opacity));box-shadow:0 12px 36px rgba(0,0,0,calc(var(--glass-shadow-opacity) * 1.2)),inset 0 1px 0 rgba(255,255,255,.07);transform:translateY(-2px)}.glass-nav{background-color:rgba(10,15,31,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.05);box-shadow:0 4px 20px rgba(0,0,0,.15);transition:all .3s ease}.glass-nav.scrolled{background-color:rgba(10,15,31,.95);box-shadow:0 8px 32px rgba(0,0,0,.2)}.glass-sidenav{background-color:rgba(10,15,31,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-right:1px solid rgba(255,255,255,.05);box-shadow:4px 0 20px rgba(0,0,0,.2)}.ambient-background{position:fixed;inset:0;z-index:-1;overflow:hidden}.ambient-gradient-top{height:40vh;background:radial-gradient(ellipse at top,rgba(31,113,254,.15),transparent 70%)}.ambient-gradient-bottom{height:40vh;background:radial-gradient(ellipse at bottom,rgba(57,224,255,.1),transparent 70%)}.noise-texture{opacity:.03;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48ZmlsdGVyIGlkPSJhIiB4PSIwIiB5PSIwIj48ZmVUdXJidWxlbmNlIGJhc2VGcmVxdWVuY3k9Ii43NSIgc3RpdGNoVGlsZXM9InN0aXRjaCIgdHlwZT0iZnJhY3RhbE5vaXNlIi8+PGZlQ29sb3JNYXRyaXggdHlwZT0ic2F0dXJhdGUiIHZhbHVlcz0iMCIvPjwvZmlsdGVyPjxwYXRoIGQ9Ik0wIDBoMzAwdjMwMEgweiIgZmlsdGVyPSJ1cmwoI2EpIiBvcGFjaXR5PSIuMDUiLz48L3N2Zz4=")}.btn-glass{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(31,113,254,.8),rgba(31,113,254,.6));border-radius:.75rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px rgba(31,113,254,.3),inset 0 1px 0 rgba(255,255,255,.2);transition:all .3s ease}.btn-glass:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(31,113,254,.4),inset 0 1px 0 rgba(255,255,255,.3)}.btn-glass:active{transform:translateY(1px);box-shadow:0 2px 8px rgba(31,113,254,.3),inset 0 1px 0 rgba(255,255,255,.1)}.btn-shine-effect{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translateX(-100%);transition:transform 1s ease-in-out}.btn-glass:hover .btn-shine-effect{transform:translateX(100%)}.card-glass{background:rgba(15,25,50,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:1rem;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05);transition:all .3s ease;overflow:hidden;position:relative}.card-glass:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1)}.card-glass:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.text-gradient{background:linear-gradient(90deg,#ffffff,rgba(255,255,255,.7));-webkit-background-clip:text;background-clip:text}.text-gradient,.text-gradient-blue{-webkit-text-fill-color:transparent;text-fill-color:transparent}.text-gradient-blue{background:linear-gradient(90deg,#39E0FF,#1f71fe);-webkit-background-clip:text;background-clip:text}@media (min-width:768px){:root{--glass-blur:20px}.desktop-glass-panel{border-radius:1.25rem;box-shadow:0 16px 48px rgba(0,0,0,var(--glass-shadow-opacity)),inset 0 1px 0 rgba(255,255,255,.07)}}.hover-lift{transition:transform .3s var(--ease-out-quart)}.hover-lift:hover{transform:translateY(-4px)}.hover-scale{transition:transform .3s var(--ease-out-quart)}.hover-scale:hover{transform:scale(1.05)}.backdrop-blur-xl{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.backdrop-blur-2xl{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.border-gradient{position:relative;border-radius:inherit;z-index:0}.border-gradient:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(31,113,254,.3),rgba(57,224,255,.1));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}.quest-card{background:rgba(10,30,61,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:.75rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);overflow:hidden;position:relative;transition:all .3s ease}.quest-card:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.2),0 10px 10px -5px rgba(0,0,0,.1);border-color:rgba(59,130,246,.4)}.corner-accent-tl{top:0;left:0;background:linear-gradient(to bottom right,rgba(59,130,246,.2),transparent);border-bottom-right-radius:1.5rem}.corner-accent-br,.corner-accent-tl{position:absolute;width:4rem;height:4rem;z-index:0}.corner-accent-br{bottom:0;right:0;background:linear-gradient(to top left,rgba(139,92,246,.2),transparent);border-top-left-radius:1.5rem}.gradient-text{background:linear-gradient(90deg,rgb(59,130,246),rgb(139,92,246))}.gradient-text-blue{background:linear-gradient(90deg,rgb(59,130,246),rgb(96,165,250));-webkit-background-clip:text;background-clip:text;color:transparent}.gradient-text-green{background:linear-gradient(90deg,rgb(74,222,128),rgb(134,239,172));-webkit-background-clip:text;background-clip:text;color:transparent}.gradient-text-purple{background:linear-gradient(90deg,rgb(139,92,246),rgb(167,139,250));-webkit-background-clip:text;background-clip:text;color:transparent}.animated-badge{transition:all .2s ease;border:1px solid rgba(255,255,255,.1)}.animated-badge:hover{transform:scale(1.05)}.animated-progress-bar{position:relative;overflow:hidden;height:.75rem;border-radius:9999px;background-color:rgba(55,65,81,.5)}.animated-progress-bar-fill{height:100%;border-radius:9999px;transition:width 1s ease-out}.animated-progress-bar-fill.green{background:linear-gradient(90deg,rgb(74,222,128),rgb(134,239,172))}.animated-progress-bar-fill.yellow{background:linear-gradient(90deg,rgb(234,179,8),rgb(250,204,21))}.animated-progress-bar-fill.red{background:linear-gradient(90deg,rgb(239,68,68),rgb(248,113,113))}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.1) 50%,rgba(255,255,255,0));animation:shimmer 1.5s infinite}@keyframes shimmer{to{transform:translateX(100%)}}.quest-button{position:relative;overflow:hidden;transition:all .3s ease}.quest-button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.quest-button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.2),transparent);transform:translateX(-100%);transition:.7s}.quest-button:hover:after{transform:translateX(100%)}.animated-icon{transition:all .3s ease}.animated-icon:hover{transform:rotate(10deg) scale(1.1)}.staggered-list-item{opacity:0;transform:translateY(10px);animation:fadeInUp .5s forwards}.staggered-list-item:first-child{animation-delay:.1s}.staggered-list-item:nth-child(2){animation-delay:.2s}.staggered-list-item:nth-child(3){animation-delay:.3s}.staggered-list-item:nth-child(4){animation-delay:.4s}.staggered-list-item:nth-child(5){animation-delay:.5s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.subtle-pattern{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.05}.gradient-text{background:linear-gradient(135deg,#0072ff,#00c2ff 50%,#00ffcc);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;font-weight:600;letter-spacing:-.02em}.ambient-gradient-top{top:0;background:radial-gradient(ellipse at 50% 0,rgba(0,114,255,.15),transparent 70%)}.ambient-gradient-bottom,.ambient-gradient-top{position:absolute;left:0;right:0;height:30vh;pointer-events:none}.ambient-gradient-bottom{bottom:0;background:radial-gradient(ellipse at 50% 100%,rgba(0,194,255,.15),transparent 70%)}.noise-texture{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.02;pointer-events:none}.card-hover-effect{transition:all .3s ease}.card-hover-effect:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px rgba(0,114,255,.1)}.button-glow{position:relative;overflow:hidden}.button-glow:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.button-glow:hover:after{opacity:1}@keyframes pulse{0%{opacity:.4}50%{opacity:.6}to{opacity:.4}}.subtle-pulse{animation:pulse 3s ease-in-out infinite}.glass-card{background:linear-gradient(135deg,rgba(10,15,35,.9),rgba(15,20,40,.8));backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,114,255,.5) 20%,rgba(0,194,255,.6) 50%,rgba(0,255,204,.5) 80%,transparent);opacity:.8}.glass-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.1);box-shadow:0 20px 40px -15px rgba(0,114,255,.15),0 0 0 1px rgba(0,194,255,.1)}.glass-premium{background:linear-gradient(135deg,rgba(0,114,255,.08),rgba(10,15,35,.95) 40%,rgba(0,194,255,.05));backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.08);position:relative}.glass-premium:after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(0,114,255,.3),rgba(0,194,255,.2),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.glass-premium:hover:after{opacity:1}.crypto-button{position:relative;background:linear-gradient(135deg,#0072ff,#0056cc);color:white;font-weight:600;padding:12px 24px;border-radius:12px;border:none;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;letter-spacing:.02em}.crypto-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.crypto-button:hover:before{left:100%}.crypto-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px rgba(0,114,255,.3)}.crypto-button:active{transform:translateY(0)}.crypto-button-secondary{background:transparent;border:1px solid rgba(0,114,255,.5);color:#0072ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.crypto-button-secondary:hover{background:rgba(0,114,255,.1);border-color:rgba(0,114,255,.8)}.crypto-card-glow{position:relative;background:linear-gradient(135deg,rgba(10,15,35,.95),rgba(15,20,40,.9));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px;overflow:hidden}.crypto-card-glow:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#0072ff,#00c2ff,#00ffcc,#0072ff);background-size:300% 300%;border-radius:inherit;opacity:0;z-index:-1;transition:opacity .3s ease;animation:gradient-shift 8s ease infinite}.crypto-card-glow:hover:before{opacity:.7}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.crypto-number{font-weight:700;font-size:2rem;background:linear-gradient(135deg,#ffffff,#e0e0e0);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.crypto-status{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:.875rem;font-weight:500}.crypto-status-success{background:rgba(0,255,136,.1);color:#00ff88;border:1px solid rgba(0,255,136,.2)}.crypto-status-warning{background:rgba(255,168,0,.1);color:#ffa800;border:1px solid rgba(255,168,0,.2)}.crypto-status-error{background:rgba(255,78,78,.1);color:#ff4e4e;border:1px solid rgba(255,78,78,.2)}.crypto-spinner{width:20px;height:20px;border:2px solid rgba(0,114,255,.2);border-top-color:#0072ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.crypto-tabs{display:flex;gap:8px;padding:4px;background:rgba(0,7,17,.6);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.crypto-tab{padding:10px 20px;border-radius:8px;font-weight:500;color:rgba(255,255,255,.6);transition:all .2s ease;cursor:pointer}.crypto-tab:hover{color:rgba(255,255,255,.9);background:rgba(255,255,255,.05)}.crypto-tab.active{color:white;background:linear-gradient(135deg,#0072ff,#0056cc)}.crypto-input{background:rgba(0,7,17,.6);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px;color:white;font-size:1rem;transition:all .2s ease;width:100%}.crypto-input:focus{outline:none;border-color:rgba(0,114,255,.5);background:rgba(0,7,17,.8);box-shadow:0 0 0 3px rgba(0,114,255,.1)}.crypto-input::-moz-placeholder{color:rgba(255,255,255,.4)}.crypto-input::placeholder{color:rgba(255,255,255,.4)}.crypto-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 50%,transparent);margin:24px 0}