.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border-bottom:1px solid var(--border-color);overflow:hidden;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:100}.header.scrolled{border-bottom-color:var(--accent-primary);box-shadow:var(--shadow-medium)}.header-bg{overflow:hidden;pointer-events:none}.header-bg,.header-gradient{height:100%;left:0;position:absolute;top:0;width:100%}.header-gradient{background:var(--accent-gradient);opacity:.05}.header-pattern{animation:patternFloat 20s linear infinite;background-image:radial-gradient(circle at 25% 25%,#3b82f61a 1px,#0000 0),radial-gradient(circle at 75% 75%,#10b9811a 1px,#0000 0);background-size:20px 20px;height:100%;left:0;position:absolute;top:0;width:100%}.header-container{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem;position:relative;z-index:1}.header-logo{cursor:pointer;transition:transform .3s ease}.logo-container{gap:1rem}.logo-container,.logo-icon{align-items:center;display:flex}.logo-icon{border-radius:50%;height:3rem;justify-content:center;overflow:hidden;position:relative;width:3rem}.logo-symbol{font-size:1.5rem;position:relative;z-index:2}.logo-pulse{animation:logoPulse 2s ease-in-out infinite;border:2px solid var(--accent-primary);border-radius:50%;height:100%;left:0;position:absolute;top:0;width:100%}.logo-text{display:flex;flex-direction:column;gap:.125rem}.logo-title{-webkit-text-fill-color:#0000;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;line-height:1;margin:0}.logo-subtitle{color:var(--text-muted);font-size:.75rem;font-weight:500;line-height:1}.header-status{display:flex;flex:1 1;justify-content:center}.status-indicators{align-items:center;display:flex;gap:1rem}.status-indicator{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:2rem;cursor:default;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.status-indicator.connected{background:#10b9811a;border-color:var(--success-color)}.status-indicator.disconnected{background:#ef44441a;border-color:var(--error-color)}.status-indicator:hover{box-shadow:var(--shadow-light);transform:translateY(-1px)}.status-dot{transition:all .3s ease}.connected .status-dot{animation:connectedPulse 2s ease-in-out infinite;background:var(--success-color)}.disconnected .status-dot{background:var(--error-color)}.status-text{color:var(--text-primary);font-size:.875rem}.verification-badge{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:2rem;cursor:default;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.verification-badge.verified{background:#10b9811a;border-color:var(--success-color)}.verification-badge.unverified{background:#f59e0b1a;border-color:var(--warning-color)}.verification-badge:hover{box-shadow:var(--shadow-light);transform:translateY(-1px)}.badge-icon{font-size:1rem}.badge-text{color:var(--text-primary);font-size:.875rem;font-weight:600}.account-info,.header-account{align-items:center;display:flex;gap:1rem}.balance-display,.wallet-address{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;display:flex;gap:.75rem;overflow:hidden;padding:.75rem 1rem;position:relative;transition:all .3s ease}.balance-display:before,.wallet-address:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.balance-display:hover:before,.wallet-address:hover:before{left:100%}.balance-display:hover,.wallet-address:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-medium);transform:translateY(-2px)}.balance-icon{font-size:1.25rem}.address-icon{color:var(--accent-primary);height:1.25rem;width:1.25rem}.address-icon svg{height:100%;width:100%}.address-content,.balance-content{align-items:flex-start;display:flex;flex-direction:column;gap:.125rem}.address-label,.balance-label{color:var(--text-muted);font-size:.75rem;font-weight:500;line-height:1}.address-value,.balance-value{color:var(--text-primary);font-family:Monaco,Consolas,monospace;font-size:.875rem;font-weight:600;line-height:1}.balance-value,.connect-wallet-btn{transition:all .3s ease}.connect-wallet-btn{align-items:center;background:var(--accent-gradient);border:none;border-radius:var(--border-radius);box-shadow:var(--shadow-light);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;overflow:hidden;padding:.75rem 1.5rem;position:relative}.connect-wallet-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.connect-wallet-btn:hover:before{left:100%}.connect-wallet-btn:hover{box-shadow:var(--shadow-heavy);transform:translateY(-2px)}.connect-wallet-btn:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.wallet-icon svg{height:100%;width:100%}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:1.25rem;width:1.25rem}.network-status{bottom:-2.5rem;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.network-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:2rem;box-shadow:var(--shadow-light);cursor:default;gap:.75rem;transition:all .3s ease}.network-indicator:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-medium);transform:translateY(-2px)}.network-dot{background:var(--success-color);height:6px;width:6px}.network-dot.pulse{animation:networkPulse 2s ease-in-out infinite}.network-name{color:var(--text-primary);font-size:.75rem;font-weight:600}.network-speed{align-items:center;border-left:1px solid var(--border-color);display:flex;gap:.25rem;padding-left:.75rem}.speed-label{color:var(--text-muted);font-size:.7rem}.speed-value{color:var(--accent-primary);font-family:Monaco,Consolas,monospace;font-size:.7rem;font-weight:600}@keyframes patternFloat{0%{transform:translateX(0) translateY(0)}25%{transform:translateX(-10px) translateY(-5px)}50%{transform:translateX(-5px) translateY(-10px)}75%{transform:translateX(-15px) translateY(-2px)}to{transform:translateX(0) translateY(0)}}@keyframes logoPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes connectedPulse{0%,to{box-shadow:0 0 0 0 #10b98166}50%{box-shadow:0 0 0 4px #10b98100}}@keyframes networkPulse{0%,to{box-shadow:0 0 0 0 #10b98166}50%{box-shadow:0 0 0 3px #10b98100}}@media (max-width:1024px){.header-container{padding:.75rem 1rem}.network-status{display:flex;justify-content:center;margin-top:.5rem;position:static;transform:none}.account-info{gap:.75rem}.balance-display,.wallet-address{padding:.5rem .75rem}}@media (max-width:768px){.header-container{flex-direction:column;gap:1rem;padding:1rem}.header-status{order:2}.header-account{order:3}.logo-container{justify-content:center}.account-info,.status-indicators{flex-wrap:wrap;justify-content:center}.network-status{margin-top:.5rem}.network-indicator{padding:.375rem .75rem}.network-name,.speed-label,.speed-value{font-size:.7rem}}@media (max-width:480px){.logo-text{display:none}.logo-icon{height:2.5rem;width:2.5rem}.logo-symbol{font-size:1.25rem}.account-info{flex-direction:column;width:100%}.balance-display,.connect-wallet-btn,.wallet-address{justify-content:center;width:100%}.status-indicators{gap:.5rem}.status-indicator,.verification-badge{padding:.375rem .75rem}.badge-text,.status-text{font-size:.8rem}}@media (prefers-contrast:high){.header{border-bottom-width:2px}.balance-display,.network-indicator,.status-indicator,.verification-badge,.wallet-address{border-width:2px}.logo-pulse{border-width:3px}}@media (prefers-reduced-motion:reduce){.header-pattern,.logo-pulse,.network-dot,.spinner,.status-dot{animation:none}.balance-display,.connect-wallet-btn,.header,.network-indicator,.status-indicator,.verification-badge,.wallet-address{transition:none}.balance-display:hover,.connect-wallet-btn:hover,.network-indicator:hover,.status-indicator:hover,.verification-badge:hover,.wallet-address:hover{transform:scale(1.02)}}.navigation{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);margin-bottom:2rem;overflow:hidden;position:relative}.nav-bg{overflow:hidden;pointer-events:none}.nav-bg,.nav-gradient{height:100%;left:0;position:absolute;top:0;width:100%}.nav-gradient{background:var(--accent-gradient);opacity:.03}.nav-particles{height:100%;position:absolute;width:100%}.nav-particle{animation:navParticleFloat 8s linear infinite;background:var(--accent-primary);border-radius:50%;height:2px;opacity:.3;position:absolute;width:2px}.nav-particle:nth-child(odd){background:var(--accent-secondary)}.nav-particle-1{animation-delay:0s;left:12%}.nav-particle-2{animation-delay:1s;left:25%}.nav-particle-3{animation-delay:2s;left:38%}.nav-particle-4{animation-delay:3s;left:51%}.nav-particle-5{animation-delay:4s;left:64%}.nav-particle-6{animation-delay:5s;left:77%}.nav-particle-7{animation-delay:6s;left:90%}.nav-particle-8{animation-delay:7s;left:3%}.nav-container{margin:0 auto;max-width:1200px;padding:1rem;position:relative;z-index:1}.nav-items{flex-wrap:wrap;gap:.5rem}.nav-item,.nav-items{align-items:center;display:flex;justify-content:center}.nav-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;flex-direction:column;min-width:120px;overflow:hidden;padding:1rem 1.5rem;position:relative;text-decoration:none;transform-style:preserve-3d;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-item:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.nav-item:hover:before{left:100%}.nav-item:hover{box-shadow:var(--shadow-medium);transform:translateY(-3px) scale(1.05)}.nav-item.active,.nav-item:hover{border-color:var(--accent-primary)}.nav-item.active{background:var(--accent-gradient);box-shadow:var(--shadow-heavy);color:#fff;transform:translateY(-2px)}.nav-item.active .nav-description,.nav-item.active .nav-icon,.nav-item.active .nav-label{color:#fff}.nav-item-content{flex-direction:column;gap:.5rem;z-index:2}.nav-icon-container,.nav-item-content{align-items:center;display:flex;position:relative}.nav-icon-container{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:50%;height:2.5rem;justify-content:center;transition:all .3s ease;width:2.5rem}.nav-item.active .nav-icon-container{background:#fff3;border-color:#ffffff4d}.nav-icon{color:var(--text-primary);height:1.25rem;position:relative;width:1.25rem;z-index:1}.nav-icon,.nav-icon-bg{transition:all .3s ease}.nav-icon-bg{background:var(--accent-gradient);border-radius:50%;height:100%;left:0;opacity:0;position:absolute;top:0;transform:scale(.8);width:100%}.nav-item:hover .nav-icon-bg{opacity:.2;transform:scale(1)}.nav-item.active .nav-icon-bg{opacity:.3;transform:scale(1)}.nav-text{align-items:center;display:flex;flex-direction:column;gap:.125rem;text-align:center}.nav-label{color:var(--text-primary);font-size:.9rem;font-weight:600}.nav-description,.nav-label{line-height:1;transition:color .3s ease}.nav-description{color:var(--text-muted);font-size:.7rem;opacity:.8}.nav-item:hover .nav-description{color:var(--text-secondary);opacity:1}.nav-item.active .nav-description{opacity:.9}.nav-indicator{background:var(--accent-primary);border-radius:1px;bottom:-2px;height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.nav-item:hover .nav-indicator{width:60%}.nav-item.active .nav-indicator{background:#fffc;width:80%}.active-indicator{align-items:center;display:flex;flex-direction:column;left:50%;opacity:0;position:absolute;top:-.5rem;transform:translateX(-50%);transition:all .3s ease}.nav-item.active .active-indicator{opacity:1}.active-dot{animation:activePulse 2s ease-in-out infinite;border:2px solid #fff;border-radius:50%;height:6px;width:6px}.active-dot,.active-line{background:var(--accent-primary)}.active-line{height:.5rem;opacity:.6;width:1px}.nav-hover-effect{background:radial-gradient(circle at center,var(--accent-primary),#0000);border-radius:var(--border-radius);height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:scale(0);transition:all .4s ease;width:100%}.nav-item:hover .nav-hover-effect{opacity:.1;transform:scale(1)}.nav-glow{animation:navGlow 4s ease-in-out infinite;background:radial-gradient(ellipse at center,var(--accent-primary),#0000);height:100%;left:50%;opacity:.05;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}@keyframes navParticleFloat{0%{opacity:0;transform:translateY(100px) rotate(0deg)}10%,90%{opacity:.3}to{opacity:0;transform:translateY(-100px) rotate(1turn)}}@keyframes activePulse{0%,to{box-shadow:0 0 0 0 #3b82f666;transform:scale(1)}50%{box-shadow:0 0 0 4px #3b82f600;transform:scale(1.1)}}@keyframes navGlow{0%,to{opacity:.05}50%{opacity:.1}}@media (max-width:1024px){.nav-items{gap:.375rem}.nav-item{min-width:100px;padding:.75rem 1.25rem}.nav-icon-container{height:2.25rem;width:2.25rem}.nav-icon{height:1.125rem;width:1.125rem}.nav-label{font-size:.85rem}.nav-description{font-size:.65rem}}@media (max-width:768px){.nav-container{padding:.75rem}.nav-items{gap:.25rem}.nav-item{min-width:80px;padding:.75rem 1rem}.nav-icon-container{height:2rem;width:2rem}.nav-icon{height:1rem;width:1rem}.nav-label{font-size:.8rem}.nav-description{font-size:.6rem}.nav-item:hover{transform:translateY(-2px) scale(1.02)}}@media (max-width:640px){.nav-items{flex-wrap:wrap;gap:.5rem;justify-content:center}.nav-item{flex:1 1;max-width:90px;min-width:70px;padding:.625rem .75rem}.nav-text{gap:.25rem}.nav-description{display:none}.nav-label{font-size:.75rem}}@media (max-width:480px){.nav-items{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);width:100%}.nav-item{max-width:none;min-width:0;min-width:auto}.nav-item:nth-child(4),.nav-item:nth-child(5){grid-column:span 1}.nav-item:nth-child(4){grid-column:1/3;justify-self:center}.nav-item:nth-child(5){grid-column:2/4;justify-self:center}}@media (prefers-contrast:high){.nav-item{border-width:3px}.nav-icon-container{border-width:2px}.active-dot{border-width:3px}}@media (prefers-reduced-motion:reduce){.active-dot,.nav-glow,.nav-particle{animation:none}.active-indicator,.nav-description,.nav-hover-effect,.nav-icon,.nav-icon-bg,.nav-indicator,.nav-item,.nav-label{transition:none}.nav-item:hover{transform:scale(1.02)}.nav-item.active{transform:none}}.nav-item:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media print{.nav-glow,.nav-hover-effect,.nav-particles{display:none!important}.nav-item,.navigation{background:#fff!important;border:1px solid #ccc!important}.nav-item{color:#000!important}}.rewards-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#7c3aed0d;border:1px solid #7c3aed4d;border-radius:1.5rem;margin:1.5rem auto;max-width:1200px;overflow:hidden;padding:2rem;position:relative}.bg-effects{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.bg-orb-1{animation:float 8s ease-in-out infinite;background:radial-gradient(circle,#7c3aed26,#7c3aed0d);filter:blur(50px);right:-150px;top:-150px}.bg-orb-1,.bg-orb-2{border-radius:50%;position:absolute}.bg-orb-2{animation:float 6s ease-in-out infinite reverse;background:radial-gradient(circle,#8b5cf626,#8b5cf60d);bottom:-100px;filter:blur(40px);left:-100px}.card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1e293bb3;border:1px solid #7c3aed4d;border-radius:1rem;padding:1.5rem;transition:all .3s ease}.card:hover{border-color:#7c3aed80;box-shadow:0 8px 20px #7c3aed33;transform:translateY(-2px)}.credits-summary{background:linear-gradient(135deg,#7c3aed33,#8b5cf61a);border:1px solid #7c3aed66;border-radius:1rem;margin-bottom:2rem;padding:1.5rem}.credits-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800}.info-row{border-bottom:1px solid #7c3aed33;padding:.75rem 0}.info-label{color:#94a3b8;font-size:.875rem}.info-value{color:#e2e8f0;font-weight:600}.info-value.success{color:#10b981}.info-value.warning{color:#f59e0b}.info-value.primary{color:#7c3aed}.button{background:linear-gradient(135deg,#7c3aed,#8b5cf6);border:none;border-radius:.75rem;color:#fff;cursor:pointer;font-weight:600;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.button:hover{box-shadow:0 8px 20px #7c3aed4d;transform:translateY(-2px)}.button:before{background:linear-gradient(135deg,#7c3aed80,#8b5cf680);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.button:hover:before{opacity:1}.button-secondary{background:#0000;border:1px solid #7c3aed80;color:#7c3aed}.button-secondary:hover{background:#7c3aed1a}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c}.modal-content{background:#1e293bf2;border:1px solid #7c3aed4d;border-radius:1rem;box-shadow:0 20px 40px #0000004d}.network-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bb3;border:1px solid #7c3aed4d}.network-indicator{background:#7c3aed;box-shadow:0 0 10px #7c3aed80}@media (max-width:768px){.rewards-container{margin:1rem;padding:1rem}.credits-value{font-size:2rem}.button{width:100%}}:root[data-theme=light]{.rewards-container{background:#7c3aed0d;border-color:#7c3aed33}.card{background:#ffffffe6;border-color:#7c3aed33}.info-label{color:#64748b}.info-value{color:#1e293b}.modal-content{background:#fffffff2}}.footer{background:var(--card-bg);border-top:1px solid var(--border-color);margin-top:4rem;overflow:hidden;position:relative}.footer-bg-elements{height:100%;opacity:.6;pointer-events:none}.footer-bg-elements,.footer-wave{left:0;position:absolute;top:0;width:100%}.footer-wave{background:var(--accent-gradient);height:60px;opacity:.1;transform:skewY(-1deg);transform-origin:top left}.footer-particles{height:100%;position:absolute;width:100%}.footer-particle{animation:footerParticleFloat 12s linear infinite;background:var(--accent-primary);border-radius:50%;height:3px;opacity:.4;position:absolute;width:3px}.footer-particle:nth-child(odd){background:var(--accent-secondary)}.footer-particle-1{animation-delay:0s;left:5%}.footer-particle-2{animation-delay:2s;left:15%}.footer-particle-3{animation-delay:4s;left:25%}.footer-particle-4{animation-delay:6s;left:35%}.footer-particle-5{animation-delay:8s;left:45%}.footer-particle-6{animation-delay:10s;left:55%}.footer-particle-7{animation-delay:1s;left:65%}.footer-particle-8{animation-delay:3s;left:75%}.footer-particle-9{animation-delay:5s;left:85%}.footer-particle-10{animation-delay:7s;left:95%}.footer-particle-11{animation-delay:9s;left:10%}.footer-particle-12{animation-delay:11s;left:30%}.footer-particle-13{animation-delay:1.5s;left:50%}.footer-particle-14{animation-delay:3.5s;left:70%}.footer-particle-15{animation-delay:5.5s;left:90%}.footer-container{margin:0 auto;max-width:1200px;padding:3rem 1rem 1rem;position:relative;z-index:1}.footer-top{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 2fr;margin-bottom:3rem}.footer-brand{display:flex;flex-direction:column;gap:1.5rem}.brand-logo{align-items:center;display:flex;gap:1rem;transition:transform .3s ease}.logo-icon{font-size:2.5rem}.brand-name,.logo-icon{background:var(--accent-gradient)}.brand-name{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0}.brand-description{color:var(--text-secondary);line-height:1.6;max-width:400px}.ecosystem-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.ecosystem-stat{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all .3s ease}.ecosystem-stat:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-medium);transform:translateY(-2px) scale(1.02)}.ecosystem-stat .stat-icon{font-size:1.5rem}.stat-content{display:flex;flex-direction:column}.stat-value{color:var(--text-primary);font-size:1.1rem;font-weight:700}.stat-label{color:var(--text-muted)}.footer-links{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}.footer-section{display:flex;flex-direction:column}.section-title{font-size:1.1rem;font-weight:600;margin-bottom:1rem;position:relative}.section-title:after{background:var(--accent-gradient);border-radius:1px;bottom:-.25rem;content:"";height:2px;left:0;position:absolute;width:2rem}.section-links{display:flex;flex-direction:column;gap:.75rem;list-style:none}.footer-link{color:var(--text-secondary);font-size:.9rem;padding:.25rem 0;position:relative;text-decoration:none;transition:all .3s ease}.footer-link:before{background:var(--accent-primary);bottom:0;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-link:hover{color:var(--accent-primary);transform:translateX(4px)}.footer-link:hover:before{width:100%}.newsletter-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:2rem;padding:2rem}.newsletter-content{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1fr 1.5fr}.newsletter-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.newsletter-description{color:var(--text-secondary);line-height:1.5}.newsletter-form{flex-direction:column}.input-group,.newsletter-form{display:flex;gap:.5rem}.newsletter-input{background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);flex:1 1;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.newsletter-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.newsletter-button{align-items:center;background:var(--accent-gradient);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.newsletter-button:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.newsletter-button svg{height:1rem;transition:transform .3s ease;width:1rem}.newsletter-button:hover svg{transform:translateX(2px)}.newsletter-privacy{color:var(--text-muted);font-size:.75rem;text-align:center}.footer-bottom{border-top:1px solid var(--border-color);padding-top:2rem}.footer-bottom-content{align-items:center;display:flex;gap:2rem;justify-content:space-between}.copyright{display:flex;flex-direction:column;gap:.75rem}.copyright p{color:var(--text-muted);font-size:.875rem}.tech-badges{display:flex;flex-wrap:wrap;gap:.5rem}.tech-badge{background:var(--accent-gradient);border-radius:9999px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;white-space:nowrap}.social-links{align-items:flex-end;display:flex;flex-direction:column;gap:1rem}.social-title{color:var(--text-secondary);font-size:.875rem;font-weight:600}.social-icons{display:flex;gap:.75rem}.social-link{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);display:flex;height:2.5rem;justify-content:center;overflow:hidden;position:relative;text-decoration:none;width:2.5rem}.social-link,.social-link:before{border-radius:50%;transition:all .3s ease}.social-link:before{background:var(--accent-primary);background:var(--hover-color,var(--accent-primary));content:"";height:0;left:50%;opacity:.1;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}.social-link:hover:before{height:100%;width:100%}.social-link:hover{border-color:var(--hover-color,var(--accent-primary));box-shadow:var(--shadow-medium);color:var(--accent-primary);color:var(--hover-color,var(--accent-primary));transform:translateY(-2px) scale(1.05)}.social-icon{height:1.25rem;position:relative;width:1.25rem;z-index:1}.social-icon svg{height:100%;width:100%}.social-name{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.25rem;bottom:-2rem;box-shadow:var(--shadow-light);color:var(--text-primary);font-size:.75rem;left:50%;opacity:0;padding:.25rem .5rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .3s ease;white-space:nowrap}.social-link:hover .social-name{bottom:-2.5rem;opacity:1}.floating-actions{bottom:2rem;display:flex;flex-direction:column;gap:1rem;position:fixed;right:2rem;z-index:100}.floating-btn{align-items:center;background:var(--accent-gradient);border:none;border-radius:50%;box-shadow:var(--shadow-medium);color:#fff;cursor:pointer;display:flex;height:3rem;justify-content:center;transition:all .3s ease;width:3rem}.floating-btn:hover{box-shadow:var(--shadow-heavy);transform:translateY(-2px) scale(1.1)}.floating-btn svg{height:1.25rem;width:1.25rem}.scroll-top{background:var(--accent-primary)}.help-btn{background:var(--accent-secondary)}@keyframes footerParticleFloat{0%{opacity:0;transform:translateY(100%) rotate(0deg)}10%,90%{opacity:.4}to{opacity:0;transform:translateY(-100%) rotate(1turn)}}@media (max-width:1024px){.footer-top{gap:3rem;grid-template-columns:1fr}.footer-links{gap:2rem;grid-template-columns:repeat(2,1fr)}.newsletter-content{text-align:center}.ecosystem-stats,.newsletter-content{grid-template-columns:1fr}}@media (max-width:768px){.footer-container{padding:2rem 1rem 1rem}.footer-top{gap:2rem}.footer-links{gap:2rem;grid-template-columns:1fr}.footer-bottom-content{align-items:flex-start;flex-direction:column;gap:1.5rem}.social-links{align-items:flex-start}.tech-badges{justify-content:flex-start}.newsletter-section{padding:1.5rem}.input-group{flex-direction:column}.newsletter-button{justify-content:center}.floating-actions{bottom:1rem;right:1rem}.floating-btn{height:2.5rem;width:2.5rem}.floating-btn svg{height:1rem;width:1rem}}@media (max-width:480px){.footer-container{padding:1.5rem 1rem 1rem}.brand-logo{flex-direction:column;gap:.5rem;text-align:center}.logo-icon{font-size:2rem}.brand-name{font-size:1.5rem}.ecosystem-stat{padding:.75rem}.newsletter-title{font-size:1.25rem}.social-icons{flex-wrap:wrap;justify-content:center}}@media (prefers-contrast:high){.footer{border-top-width:2px}.ecosystem-stat,.newsletter-section{border-width:2px}.footer-link:before{height:2px}}@media (prefers-reduced-motion:reduce){.ecosystem-stat,.floating-btn,.footer-link,.footer-particle,.social-link{animation:none;transition:none}.ecosystem-stat:hover,.floating-btn:hover,.social-link:hover{transform:scale(1.05)}}.theme-toggle-container{position:fixed;right:1rem;top:1rem;z-index:1000}.theme-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:2px solid var(--border-color);border-radius:2rem;box-shadow:var(--shadow-light);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;overflow:hidden;padding:.75rem;position:relative;transition:all .3s ease}.theme-toggle:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.theme-toggle:hover:before{left:100%}.theme-toggle:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-medium);transform:translateY(-2px)}.theme-toggle.animating{animation:toggleBounce .3s ease}.toggle-track{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:15px;height:30px;overflow:hidden;position:relative;transition:all .3s ease;width:60px}.toggle-thumb{align-items:center;background:var(--accent-gradient);border-radius:50%;box-shadow:0 2px 4px #0003;display:flex;height:24px;justify-content:center;left:1px;position:absolute;top:1px;transform:translateX(0);transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}html.dark .toggle-thumb{background:linear-gradient(135deg,#1e293b,#334155);box-shadow:0 0 10px #3b82f64d;transform:translateX(28px)}.toggle-icon{color:#fff;height:14px;transition:all .3s ease;width:14px}html.dark .toggle-icon{color:#cbd5e1}.toggle-icon svg,.toggle-stars{height:100%;width:100%}.toggle-stars{opacity:0;position:absolute;transition:opacity .3s ease}html.dark .toggle-stars{opacity:1}.star{animation:twinkle 2s infinite;color:#fbbf24;font-size:8px;position:absolute}.star-1{animation-delay:0s;left:15%;top:20%}.star-2{animation-delay:.5s;left:20%;top:70%}.star-3{animation-delay:1s;left:70%;top:30%}.star-4{animation-delay:1.5s;left:75%;top:80%}.star-5{animation-delay:.3s;left:85%;top:50%}.star-6{animation-delay:.8s;left:80%;top:15%}.toggle-clouds{height:100%;opacity:1;position:absolute;transition:opacity .3s ease;width:100%}html.dark .toggle-clouds{opacity:0}.cloud{animation:float-cloud 3s ease-in-out infinite;color:#94a3b8;font-size:8px;position:absolute}.cloud-1{animation-delay:0s;left:60%;top:25%}.cloud-2{animation-delay:1s;left:70%;top:60%}.cloud-3{animation-delay:2s;left:80%;top:40%}.toggle-label{color:var(--text-secondary);font-size:.75rem;font-weight:600;line-height:1;text-align:center;transition:color .3s ease;-webkit-user-select:none;user-select:none}.theme-toggle:hover .toggle-label{color:var(--accent-primary)}@keyframes toggleBounce{0%,to{transform:scale(1) translateY(-2px)}50%{transform:scale(1.1) translateY(-4px)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes float-cloud{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media (max-width:768px){.theme-toggle-container{right:.5rem;top:.5rem}.theme-toggle{gap:.25rem;padding:.5rem}.toggle-track{height:26px;width:50px}.toggle-thumb{height:20px;width:20px}html.dark .toggle-thumb{transform:translateX(22px)}.toggle-icon{height:12px;width:12px}.toggle-label{font-size:.625rem}}@media (prefers-contrast:high){.theme-toggle{border-width:3px}.toggle-track{border-width:2px}}@media (prefers-reduced-motion:reduce){.theme-toggle,.toggle-clouds,.toggle-icon,.toggle-stars,.toggle-thumb{transition:none}.cloud,.star,.theme-toggle.animating{animation:none}}.dashboard-container{background:linear-gradient(135deg,#0a0a1a,#1a1a2e 30%,#16213e 70%,#0f0f23);min-height:100vh;overflow-x:hidden;padding:2rem;position:relative}.dashboard-bg-effects{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.bg-orb{animation:float 6s ease-in-out infinite;border-radius:50%;filter:blur(40px);opacity:.3;position:absolute}.bg-orb-1{animation-delay:0s;background:radial-gradient(circle,#6366f166,#6366f11a);height:300px;left:10%;top:10%;width:300px}.bg-orb-2{animation-delay:2s;background:radial-gradient(circle,#8b5cf666,#8b5cf61a);height:200px;right:15%;top:60%;width:200px}.bg-orb-3{animation-delay:4s;background:radial-gradient(circle,#3b82f64d,#3b82f61a);bottom:20%;height:250px;left:30%;width:250px}.welcome-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a202c99;border:1px solid #4a55684d;border-radius:2rem;box-shadow:0 20px 40px #0000001a;margin-bottom:3rem;padding:2.5rem;position:relative;z-index:10}.welcome-content{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.welcome-text{flex:1 1}.welcome-title{display:flex;flex-direction:column;gap:.5rem;margin:0}.welcome-greeting{color:#a0aec0;font-size:1.25rem;font-weight:500}.welcome-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700}.welcome-subtitle{color:#cbd5e0;font-size:1.125rem;font-weight:400;margin:1rem 0 0}.welcome-actions{display:flex;flex-wrap:wrap;gap:1rem}.action-btn{align-items:center;border:none;border-radius:1rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.75rem;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.action-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.action-btn:hover:before{left:100%}.primary-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 8px 20px #6366f166;color:#fff}.primary-btn:hover{box-shadow:0 12px 28px #6366f180;transform:translateY(-2px)}.secondary-btn{background:#2d3748cc;border:1px solid #4a556880;color:#e2e8f0}.secondary-btn:hover{background:#2d3748;border-color:#6366f1;transform:translateY(-1px)}.insights-grid,.stats-section{margin-bottom:3rem;position:relative;z-index:10}.insights-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.insight-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a202cb3;border:1px solid #4a55684d;border-radius:1.5rem;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.insight-card:before{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.insight-card:hover:before{opacity:1}.insight-card:hover{border-color:#6366f180;box-shadow:0 12px 30px #00000026;transform:translateY(-4px)}.insight-header{gap:1rem;margin-bottom:1rem;z-index:2}.insight-header,.insight-icon{align-items:center;display:flex;position:relative}.insight-icon{border-radius:1rem;height:3rem;justify-content:center;width:3rem}.insight-icon.trending-up{background:linear-gradient(135deg,#10b98133,#10b9811a);border:1px solid #10b9814d}.insight-icon.team{background:linear-gradient(135deg,#6366f133,#6366f11a);border:1px solid #6366f14d}.insight-icon.schedule{background:linear-gradient(135deg,#fbbf2433,#fbbf241a);border:1px solid #fbbf244d}.insight-icon.energy{background:linear-gradient(135deg,#ec489933,#ec48991a);border:1px solid #ec48994d}.insight-icon .icon{color:#fff;height:1.5rem;width:1.5rem}.insight-info{flex:1 1}.insight-title{color:#a0aec0;font-size:.875rem;font-weight:500;letter-spacing:.05em;margin:0 0 .5rem;text-transform:uppercase}.insight-value{color:#fff;font-size:1.75rem;font-weight:700;margin:0}.insight-description{color:#cbd5e0;font-size:.875rem;margin:0;position:relative;z-index:2}.projects-section{position:relative;z-index:10}.section-header{flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.section-header,.section-title{align-items:center;display:flex}.section-title{gap:1.5rem}.title-text{color:#fff;font-size:2rem;font-weight:700;margin:0}.title-indicator{align-items:center;background:#6366f11a;border:1px solid #6366f14d;border-radius:.75rem;display:flex;flex-direction:column;padding:.75rem 1rem}.project-count{color:#6366f1;font-size:1.5rem;font-weight:700;line-height:1}.count-label{color:#a0aec0;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.section-controls{align-items:center;display:flex;gap:1rem}.filter-btn{background:#2d374899;border:1px solid #4a556866;border-radius:.75rem;color:#e2e8f0;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.filter-btn:hover{background:#2d3748cc;border-color:#6366f1}.view-toggle-btn{background:#2d374899;border:1px solid #4a556866;border-radius:.75rem;cursor:pointer;padding:.75rem;transition:all .3s ease}.view-toggle-btn:hover{background:#2d3748cc;border-color:#6366f1}.toggle-dots{display:flex;gap:.25rem}.dot{background:#4a5568;border-radius:50%;height:6px;transition:background .3s ease;width:6px}.dot.active{background:#6366f1}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.project-card,.project-card-wrapper{position:relative}.project-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a202ccc;border:1px solid #4a55684d;border-radius:1.5rem;transition:all .4s ease}.project-card:before{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.project-card:hover:before{opacity:1}.project-card:hover{border-color:#6366f180;box-shadow:0 20px 40px #0003;transform:translateY(-8px)}.project-image{overflow:hidden;position:relative}.project-img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.project-card:hover .project-img{transform:scale(1.05)}.project-overlay{align-items:flex-start;background:linear-gradient(135deg,#0000004d,#0000001a);bottom:0;display:flex;justify-content:flex-end;left:0;padding:1rem;position:absolute;right:0;top:0}.project-badges{display:flex;flex-direction:column;gap:.5rem}.priority-badge,.status-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.5rem;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.375rem .75rem;text-transform:uppercase}.status-completed{background:#10b981e6;color:#fff}.status-progress{background:#3b82f6e6;color:#fff}.status-planning{background:#fbbf24e6;color:#fff}.priority-high{background:#ef4444e6;color:#fff}.priority-medium{background:#fbbf24e6;color:#fff}.priority-low{background:#10b981e6;color:#fff}.project-content{padding:2rem;position:relative;z-index:2}.project-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.project-name{color:#fff;flex:1 1;font-size:1.25rem;font-weight:700;margin:0}.project-rating{align-items:center;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:.5rem;display:flex;gap:.25rem;padding:.25rem .75rem}.star-icon{fill:currentColor;color:#fbb93a;height:1rem;width:1rem}.rating-value{color:#fbb93a;font-size:.875rem;font-weight:600}.project-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#cbd5e0;display:-webkit-box;font-size:.875rem;line-height:1.6;margin:0 0 1.5rem;overflow:hidden}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.project-tag{background:#6366f11a;border:1px solid #6366f14d;border-radius:.5rem;color:#a78bfa;font-size:.75rem;font-weight:500;letter-spacing:.025em;padding:.25rem .75rem;text-transform:uppercase}.project-stats{flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.stat-item{gap:.75rem}.stat-icon{color:#a0aec0;flex-shrink:0;height:1rem;width:1rem}.stat-text{color:#cbd5e0;font-size:.875rem}.project-progress{background:#2d374880;border:1px solid #4a55684d;border-radius:1rem;margin-bottom:2rem;padding:1.5rem}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.progress-label{color:#a0aec0;font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.progress-value{color:#6366f1;font-size:1.125rem;font-weight:700}.progress-bar{border-radius:4px;height:8px;margin-bottom:1rem;position:relative}.progress-fill{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:4px;transition:width .6s ease}.progress-fill:after{background:linear-gradient(90deg,#0000,#fff3,#0000)}.progress-details{align-items:center;display:flex;justify-content:space-between}.tasks-completed{color:#cbd5e0;font-size:.875rem}.project-budget{color:#10b981;font-size:.875rem;font-weight:600}.project-actions{display:flex;gap:1rem;padding:0 2rem 2rem;position:relative;z-index:2}.project-btn{border:none;border-radius:.75rem;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all .3s ease}.project-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.project-btn:hover:before{left:100%}.project-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f166;color:#fff}.project-btn.primary:hover{box-shadow:0 8px 20px #6366f180;transform:translateY(-2px)}.project-btn.secondary{background:#2d3748cc;border:1px solid #4a556880;color:#e2e8f0}.project-btn.secondary:hover{background:#2d3748;border-color:#6366f1;transform:translateY(-1px)}.empty-state{background:#1a202c99;border:2px dashed #4a556866;border-radius:2rem;flex-direction:column;padding:4rem 2rem;text-align:center}.empty-icon,.empty-state{align-items:center;display:flex;justify-content:center}.empty-icon{background:#6366f11a;border:1px solid #6366f14d;border-radius:1.5rem;height:5rem;margin-bottom:2rem;width:5rem}.empty-icon-svg{color:#6366f1;height:2.5rem;opacity:.7;width:2.5rem}.empty-content{max-width:400px}.empty-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.empty-description{color:#a0aec0;font-size:1rem;line-height:1.6;margin:0 0 2rem}.empty-action-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:1rem;box-shadow:0 8px 20px #6366f166;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.empty-action-btn:hover{box-shadow:0 12px 28px #6366f180;transform:translateY(-2px)}@media (max-width:1200px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.insights-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.dashboard-container{padding:1rem}.welcome-header{padding:2rem}.welcome-content{align-items:flex-start;flex-direction:column;text-align:left}.welcome-name{font-size:2rem}.welcome-actions{justify-content:stretch;width:100%}.action-btn{flex:1 1;justify-content:center}.section-header{align-items:flex-start;flex-direction:column;gap:1.5rem}.section-controls{align-self:stretch;justify-content:space-between}.projects-grid{gap:1.5rem;grid-template-columns:1fr}.insights-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.insight-card,.project-content{padding:1.5rem}.project-actions{flex-direction:column;padding:0 1.5rem 1.5rem}.project-btn{width:100%}}@media (max-width:480px){.dashboard-container{padding:.75rem}.welcome-header{border-radius:1.5rem;padding:1.5rem}.welcome-name{font-size:1.75rem}.title-text{font-size:1.5rem}.insights-grid{grid-template-columns:1fr}.insight-header{align-items:flex-start;flex-direction:column;gap:1rem}.insight-icon{height:2.5rem;width:2.5rem}.project-content{padding:1rem}.project-actions{padding:0 1rem 1rem}.project-stats{gap:.5rem}.project-progress{padding:1rem}.empty-state{padding:3rem 1rem}.empty-icon{height:4rem;width:4rem}.empty-icon-svg{height:2rem;width:2rem}}.dashboard-container *{scrollbar-color:#6366f180 #0000;scrollbar-width:thin}.dashboard-container ::-webkit-scrollbar{height:6px;width:6px}.dashboard-container ::-webkit-scrollbar-track{background:#0000}.dashboard-container ::-webkit-scrollbar-thumb{background:#6366f180;border-radius:3px}.dashboard-container ::-webkit-scrollbar-thumb:hover{background:#6366f1b3}.dashboard-container [tabindex]:focus,.dashboard-container button:focus{outline:2px solid #6366f180;outline-offset:2px}.dashboard-container ::selection{background:#6366f14d;color:#fff}@keyframes cardPulse{0%,to{opacity:1}50%{opacity:.7}}.project-card.loading{animation:cardPulse 2s ease-in-out infinite}.project-card .stat-item:hover .stat-icon{color:#6366f1;transform:scale(1.1)}.project-tag:hover{background:#6366f133;border-color:#6366f180;transform:translateY(-1px)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.empty-action-btn,.primary-btn{animation:gradientShift 3s ease infinite;background-size:200% 200%}.project-card-hover{overflow:hidden;position:relative}.project-card-hover:before{background:linear-gradient(135deg,rgba(var(--accent-rgb),.1),rgba(var(--accent-rgb),0));bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.project-card-hover:hover:before{opacity:1}.status-dot{display:inline-block;height:6px;margin-right:4px;width:6px}.status-dot.active{background-color:var(--success);box-shadow:0 0 8px var(--success)}.status-dot.inactive{background-color:var(--warning);box-shadow:0 0 8px var(--warning)}.project-card-animate{animation:fadeIn .3s ease forwards}.ai-results-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#10b9810d;border:1px solid #10b9814d;border-radius:1.5rem;margin:1.5rem 0;overflow:hidden;padding:2rem;position:relative}.results-bg-effects{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.bg-orb-success-1{animation:float 4s ease-in-out infinite;background:radial-gradient(circle,#10b98133,#10b9810d);border-radius:50%;filter:blur(30px);height:150px;position:absolute;right:-50px;top:-50px;width:150px}.bg-orb-success-2{animation:float 6s ease-in-out infinite reverse;background:radial-gradient(circle,#22c55e26,#22c55e0d);border-radius:50%;bottom:-30px;filter:blur(20px);height:100px;left:-30px;position:absolute;width:100px}.results-header{justify-content:space-between;margin-bottom:2rem;position:relative;z-index:2}.header-content{gap:1rem}.header-icon{background:linear-gradient(135deg,#10b98133,#22c55e1a);border:1px solid #10b98166;border-radius:1rem;height:3rem;width:3rem}.sparkles-icon{color:#10b981;height:1.5rem;position:relative;width:1.5rem;z-index:2}.icon-glow{animation:pulse 2s ease-in-out infinite;background:radial-gradient(circle,#10b9814d,#0000);border-radius:1rem;bottom:0;left:0;position:absolute;right:0;top:0}.header-text{display:flex;flex-direction:column}.results-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#22c55e);-webkit-background-clip:text;background-clip:text;color:#10b981;font-weight:700}.results-subtitle{color:#a0aec0;font-size:.875rem;margin:.25rem 0 0}.status-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10b9811a;border:1px solid #10b9814d;border-radius:.75rem;display:flex;gap:.5rem;padding:.5rem 1rem}.status-dot{animation:pulse 2s infinite;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b98180;height:8px;width:8px}.status-text{color:#10b981;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.results-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem;position:relative;z-index:2}.result-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1a202cb3;border:1px solid #4a55684d;border-radius:1rem;display:flex;flex-direction:column;height:180px;justify-content:space-between;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.result-card:before{background:linear-gradient(135deg,#ffffff05,#ffffff03);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.result-card:hover:before{opacity:1}.result-card:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-4px)}.credits-card{border-color:#10b98166}.credits-card:hover{border-color:#10b98199;box-shadow:0 12px 30px #10b98133}.health-card{border-color:#22c55e66}.health-card:hover{border-color:#22c55e99;box-shadow:0 12px 30px #22c55e33}.confidence-card{border-color:#3b82f666}.confidence-card:hover{border-color:#3b82f699;box-shadow:0 12px 30px #3b82f633}.area-card{border-color:#8b5cf666}.area-card:hover{border-color:#8b5cf699;box-shadow:0 12px 30px #8b5cf633}.card-header{justify-content:space-between;margin-bottom:1rem}.card-header,.metric-icon{align-items:center;display:flex}.metric-icon{border-radius:.75rem;height:2.5rem;justify-content:center;position:relative;width:2.5rem}.credits-icon{background:linear-gradient(135deg,#10b98133,#10b9811a);border:1px solid #10b9814d}.health-icon{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border:1px solid #22c55e4d}.confidence-icon{background:linear-gradient(135deg,#3b82f633,#3b82f61a);border:1px solid #3b82f64d}.area-icon{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);border:1px solid #8b5cf64d}.metric-icon .icon{color:#fff;height:1.25rem;width:1.25rem}.metric-trend{align-items:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:.5rem;display:flex;gap:.25rem;padding:.25rem .5rem}.metric-trend.positive{color:#10b981}.trend-value{font-size:.75rem;font-weight:600}.area-type,.confidence-badge,.health-status{background:#2d374899;border:1px solid #4a556866;border-radius:.5rem;color:#cbd5e0;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.health-card.excellent .health-status{background:#10b98133;border-color:#10b98166;color:#10b981}.health-card.very-good .health-status{background:#22c55e33;border-color:#22c55e66;color:#22c55e}.health-card.good .health-status{background:#fbbf2433;border-color:#fbbf2466;color:#fbb93a}.health-card.fair .health-status{background:#f59e0b33;border-color:#f59e0b66;color:#f59e0b}.health-card.poor .health-status{background:#ef444433;border-color:#ef444466;color:#ef4444}.metric-content{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.metric-value{color:#fff;font-size:2rem;font-weight:800;line-height:1}.credits-card .metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#22c55e);-webkit-background-clip:text;background-clip:text}.health-card .metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;background-clip:text}.confidence-card .metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;background-clip:text}.area-card .metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-background-clip:text;background-clip:text}.metric-info{display:flex;flex:1 1;flex-direction:column}.metric-label{color:#e2e8f0;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.metric-description{color:#a0aec0;font-size:.75rem}.metric-progress{width:100%}.progress-bar{background:#4a55684d;border-radius:2px;height:4px;overflow:hidden;width:100%}.progress-fill{border-radius:2px;height:100%;position:relative;transition:width 1s ease}.credits-fill{background:linear-gradient(135deg,#10b981,#22c55e)}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.health-ring{height:40px;position:absolute;right:1rem;top:1rem;width:40px}.ring-svg{height:100%;transform:rotate(-90deg);width:100%}.ring-bg{fill:none;stroke:#4a55684d;stroke-width:3}.ring-fill{fill:none;stroke:url(#healthGradient);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray 1s ease}.confidence-bars{align-items:end;display:flex;gap:.25rem}.confidence-bar{background:#4a55684d;border-radius:2px;transition:all .3s ease;width:4px}.confidence-bar:first-child{height:8px}.confidence-bar:nth-child(2){height:12px}.confidence-bar:nth-child(3){height:16px}.confidence-bar:nth-child(4){height:20px}.confidence-bar:nth-child(5){height:24px}.confidence-bar.active{background:linear-gradient(135deg,#3b82f6,#2563eb)}.area-visualization{bottom:1rem;position:absolute;right:1rem}.area-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(3,1fr);height:40px;width:40px}.grid-cell{background:#4a55684d;border-radius:2px;transition:all .3s ease}.grid-cell.covered{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 0 4px #8b5cf680}.impact-summary{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#2d374880;border:1px solid #4a55684d;border-radius:1rem;margin-bottom:2rem;padding:1.5rem;position:relative;z-index:2}.summary-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.summary-icon{color:#fbb93a;height:1.5rem;width:1.5rem}.summary-title{color:#e2e8f0;font-size:1rem;font-weight:600}.impact-metrics{display:flex;flex-direction:column;gap:1rem}.impact-item{align-items:center;display:flex;gap:1rem}.impact-label{color:#a0aec0;font-size:.875rem;min-width:100px}.impact-bar{background:#4a55684d;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.impact-fill{border-radius:3px;height:100%;transition:width 1s ease}.carbon-fill{background:linear-gradient(135deg,#10b981,#22c55e)}.bio-fill{background:linear-gradient(135deg,#22c55e,#16a34a)}.data-fill{background:linear-gradient(135deg,#3b82f6,#2563eb)}.impact-value{color:#e2e8f0;font-size:.875rem;font-weight:600;min-width:80px;text-align:right}.results-actions{display:flex;justify-content:center;position:relative;z-index:2}.reward-button{background:linear-gradient(135deg,#7c3aed,#8b5cf6);border:none;border-radius:1rem;box-shadow:0 8px 20px #7c3aed66;cursor:pointer;overflow:hidden;padding:0;position:relative;transition:all .4s ease}.reward-button:hover{box-shadow:0 12px 30px #7c3aed80;transform:translateY(-2px) scale(1.02)}.button-content{align-items:center;background:linear-gradient(135deg,#7c3aed,#8b5cf6);display:flex;gap:1rem;padding:1rem 2rem;position:relative;z-index:2}.button-icon{color:#fff;height:1.5rem;width:1.5rem}.button-text{color:#fff;font-size:1rem;font-weight:600;letter-spacing:.025em}.reward-button:before{background:linear-gradient(135deg,#7c3aed80,#8b5cf680);bottom:0;content:"";filter:blur(20px);left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.reward-button:hover:before{opacity:1}.reward-button.loading{cursor:wait;opacity:.8}.loading .button-content{gap:.75rem}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:1.25rem;width:1.25rem}@media (max-width:768px){.ai-results-container{margin:1rem 0;padding:1.5rem}.results-grid{grid-template-columns:1fr}.result-card{height:auto;min-height:160px}.header-content{align-items:flex-start;flex-direction:column;gap:.75rem}.status-badge{align-self:flex-start}.impact-item{align-items:flex-start;flex-direction:column;gap:.5rem}.impact-label{min-width:auto}.impact-value{text-align:left}}:root[data-theme=light]{.ai-results-container{background:#10b9810d;border-color:#10b98133}.result-card{background:#ffffffe6;border-color:#cbd5e14d}.metric-label{color:#1e293b}.metric-description{color:#64748b}.impact-summary{background:#ffffffe6;border-color:#cbd5e14d}.summary-title{color:#1e293b}.impact-label{color:#64748b}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media print{.ai-results-container{background:none;border:1px solid #cbd5e0;box-shadow:none;margin:0;padding:1rem}.bg-orb-success-1,.bg-orb-success-2,.icon-glow,.status-dot{display:none}.result-card{background:none;border:1px solid #cbd5e0;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.results-actions{display:none}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media (forced-colors:active){.ai-results-container,.impact-summary,.result-card{border:2px solid CanvasText}.button-text,.metric-value{-webkit-text-fill-color:CanvasText}}.create-project-page{min-height:100vh;position:relative}.create-project-page,.page-header{display:flex;flex-direction:column;gap:2rem}.page-header{margin-bottom:1rem}.header-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-light);gap:2rem;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.header-content:before{background:var(--accent-gradient);content:"";height:4px;left:0;opacity:.8;position:absolute;right:0;top:0}.header-content:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-medium);transform:translateY(-2px)}.header-icon-container{flex-shrink:0;position:relative}.header-icon{align-items:center;background:var(--accent-gradient);border-radius:50%;display:flex;height:5rem;justify-content:center;position:relative;width:5rem;z-index:2}.header-icon .icon{color:#fff;height:2.5rem;width:2.5rem}.icon-rings,.ring{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ring{border:2px solid var(--accent-primary);border-radius:50%;opacity:.3}.ring-1{animation:ringPulse 3s ease-in-out infinite;height:6rem;width:6rem}.ring-2{animation:ringPulse 3s ease-in-out .5s infinite;height:7rem;width:7rem}.ring-3{animation:ringPulse 3s ease-in-out 1s infinite;height:8rem;width:8rem}.header-text{flex:1 1}.page-title{-webkit-text-fill-color:#0000;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-weight:700;line-height:1.2;margin:0 0 .75rem}.page-subtitle{color:var(--text-secondary);font-size:1.125rem;line-height:1.5;margin:0}.progress-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem}.progress-steps{gap:1rem;justify-content:center}.progress-steps,.step{align-items:center;display:flex}.step{flex-direction:column;gap:.5rem;transition:all .3s ease}.step.active .step-number{background:var(--accent-gradient);box-shadow:0 0 20px #3b82f64d;color:#fff}.step.active .step-label{color:var(--accent-primary);font-weight:600}.step-number{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;color:var(--text-primary);display:flex;font-weight:600;height:2.5rem;justify-content:center;transition:all .3s ease;width:2.5rem}.step-label{color:var(--text-muted);font-size:.875rem;text-align:center;transition:all .3s ease}.step-connector{background:var(--border-color);border-radius:1px;height:2px;overflow:hidden;position:relative;width:3rem}.step-connector:after{background:var(--accent-gradient);content:"";height:100%;left:0;position:absolute;top:0;transition:width .6s ease;width:0}.step.active+.step-connector:after{width:100%}.create-project-container{display:flex;flex-direction:column;gap:2rem;position:relative}.connection-warning{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f59e0b1a;border:2px solid var(--warning-color);border-radius:var(--border-radius);display:flex;gap:1.5rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.connection-warning:hover{border-color:var(--warning-color);box-shadow:var(--shadow-medium);transform:translateY(-2px)}.warning-icon{align-items:center;background:var(--warning-color);border-radius:50%;display:flex;flex-shrink:0;height:3rem;justify-content:center;position:relative;width:3rem}.warning-icon .icon{color:#fff;height:1.5rem;position:relative;width:1.5rem;z-index:2}.warning-pulse{animation:warningPulse 2s ease-in-out infinite;border:2px solid var(--warning-color);border-radius:50%;height:100%;left:0;position:absolute;top:0;width:100%}.warning-content{flex:1 1}.warning-title{color:var(--warning-color);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.warning-message{color:var(--text-secondary);line-height:1.5;margin:0}.warning-decoration{background:linear-gradient(90deg,#0000,#f59e0b1a,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.connection-warning:hover .warning-decoration{left:100%}.project-form-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-light);overflow:hidden;position:relative;transition:all .3s ease}.project-form-card:before{background:var(--accent-gradient);content:"";height:4px;left:0;opacity:.8;position:absolute;right:0;top:0}.project-form-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-medium)}.form-header{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding:2rem 2rem 0}.form-section-title{align-items:center;display:flex;gap:1rem;padding-bottom:2rem}.section-icon{align-items:center;background:var(--accent-gradient);border-radius:50%;display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.section-icon .icon{color:#fff;height:1.5rem;width:1.5rem}.section-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.section-subtitle{color:var(--text-secondary);line-height:1.5;margin:0}.form-content{display:flex;flex-direction:column;gap:2rem;padding:0 2rem 2rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.form-group{display:flex;flex-direction:column;gap:.75rem}.form-label{justify-content:space-between}.form-label,.label-content{align-items:center;display:flex;gap:.5rem}.label-icon{color:var(--accent-primary);height:1.125rem;width:1.125rem}.label-text{font-size:.95rem}.label-required{color:var(--error-color);font-weight:700}.label-hint{color:var(--text-muted);font-size:.8rem;font-weight:400}.input-container,.select-container{position:relative;transition:all .3s ease}.input-container:hover,.select-container:hover{transform:translateY(-1px)}.form-input,.form-select{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:1rem;padding:.875rem 1rem;position:relative;transition:all .3s ease;width:100%;z-index:1}.form-input:focus,.form-select:focus{background:var(--card-bg);border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input::placeholder,.input-unit{color:var(--text-muted)}.input-unit{font-size:.875rem;font-weight:600;pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:2}.select-container{position:relative}.form-select{-webkit-appearance:none;appearance:none;cursor:pointer;padding-right:3rem}.select-arrow{color:var(--text-muted);height:1rem;pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:transform .3s ease;width:1rem;z-index:2}.select-container:hover .select-arrow{color:var(--accent-primary);transform:translateY(-50%) scale(1.1)}.input-decoration{background:var(--accent-gradient);border-radius:1px;bottom:0;height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.input-container:focus-within .input-decoration,.select-container:focus-within .input-decoration{width:100%}.image-upload-section{display:flex;flex-direction:column;gap:1rem}.upload-header{display:flex;flex-direction:column;gap:.5rem}.upload-area{align-items:center;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--border-radius);cursor:pointer;display:flex;justify-content:center;min-height:300px;overflow:hidden;position:relative;transition:all .3s ease}.upload-area:hover{background:var(--hover-bg);border-color:var(--accent-primary);box-shadow:var(--shadow-light);transform:translateY(-2px)}.file-input-hidden{display:none}.upload-placeholder{flex-direction:column;gap:1.5rem;padding:2rem;text-align:center;z-index:1}.upload-icon-container,.upload-placeholder{align-items:center;display:flex;position:relative}.upload-icon-container{justify-content:center}.upload-icon{color:var(--accent-primary);height:4rem;position:relative;width:4rem;z-index:2}.upload-icon-glow{animation:uploadGlow 3s ease-in-out infinite;background:var(--accent-gradient);border-radius:50%;height:5rem;left:50%;opacity:.1;position:absolute;top:50%;transform:translate(-50%,-50%);width:5rem}.upload-text{display:flex;flex-direction:column;gap:.75rem}.upload-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.upload-description{color:var(--text-secondary);line-height:1.5;margin:0}.upload-specs{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:.5rem}.spec{color:var(--text-muted);font-size:.8rem}.spec-separator{color:var(--border-color)}.upload-cta{align-items:center;display:flex;flex-direction:column;gap:.25rem}.upload-btn-text{color:var(--accent-primary);font-size:1rem;font-weight:600}.upload-drag-text{color:var(--text-muted);font-size:.875rem}.image-preview-container{align-items:center;background:var(--bg-secondary);border-radius:var(--border-radius);display:flex;height:300px;justify-content:center;overflow:hidden;position:relative;width:100%}.preview-image{max-height:100%;max-width:100%;object-fit:contain}.remove-image-btn{align-items:center;background:var(--error-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:2rem;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:2rem;z-index:2}.remove-image-btn:hover{background:var(--error-color-dark);transform:scale(1.1)}.ai-results{background:var(--card-bg);border:1px solid var(--accent-primary);border-radius:var(--border-radius);margin-top:2rem;padding:2rem}.results-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.results-icon{color:var(--accent-primary);height:2.5rem;width:2.5rem}.results-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.results-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.result-item{display:flex;flex-direction:column;gap:.5rem}.result-label{color:var(--text-secondary);font-size:.875rem}.result-value{color:var(--accent-primary);font-size:1.25rem;font-weight:600}.submit-section{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem}.submit-btn{align-items:center;background:var(--accent-gradient);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.submit-btn:hover{box-shadow:0 10px 20px #3b82f633;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.submit-icon{height:1.25rem;width:1.25rem}@keyframes ringPulse{0%{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:.3;transform:translate(-50%,-50%) scale(1)}}@keyframes warningPulse{0%{opacity:.3;transform:scale(1)}50%{opacity:.1;transform:scale(1.2)}to{opacity:.3;transform:scale(1)}}@keyframes uploadGlow{0%{opacity:.1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.2;transform:translate(-50%,-50%) scale(1.2)}to{opacity:.1;transform:translate(-50%,-50%) scale(1)}}@media (max-width:768px){.header-content{flex-direction:column;padding:1.5rem;text-align:center}.form-grid{grid-template-columns:1fr}.progress-steps{flex-direction:column}.step-connector{height:2rem;width:2px}.submit-section{flex-direction:column}.submit-btn{justify-content:center;width:100%}}.marketplace-container{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.background-animation{background:radial-gradient(circle at 20% 20%,#6366f11a 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf61a 0,#0000 50%),radial-gradient(circle at 40% 70%,#3b82f614 0,#0000 50%);bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.main-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a202ce6;border-bottom:1px solid #4a55684d;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 2rem}.header-content,.header-left{align-items:center;display:flex}.header-left{gap:3rem}.logo-section{align-items:center;display:flex;gap:.75rem}.logo-icon{font-size:2rem}.logo-icon,.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text}.logo-text{font-size:1.5rem;font-weight:700;margin:0}.nav-links{display:flex;gap:2rem}.nav-link{border-radius:.5rem;color:#a0aec0;font-weight:500;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-link.active,.nav-link:hover{background:#6366f11a;color:#fff}.nav-link.active:before{background:#6366f1;border-radius:50%;bottom:-.5rem;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}.header-right{align-items:center;display:flex;gap:1rem}.network-indicator{align-items:center;background:#10b9811a;border:1px solid #10b98133;border-radius:.75rem;color:#10b981;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem}.network-dot{animation:pulse 2s infinite;background:#10b981;border-radius:50%;height:8px;width:8px}.wallet-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:.75rem;box-shadow:0 4px 6px #6366f140;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.wallet-btn:hover{box-shadow:0 8px 15px #6366f166;transform:translateY(-2px)}.wallet-btn.connected{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 6px #10b98140}.wallet-icon{height:1.25rem;width:1.25rem}.main-content{margin:0 auto;max-width:1400px;padding:2rem;z-index:10}.content-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 400px}.price-ticker-container{margin-bottom:2rem}.ticker-header{justify-content:space-between;margin-bottom:1rem}.ticker-header,.ticker-title{align-items:center;display:flex}.ticker-title{font-size:1.25rem;font-weight:600;gap:.5rem}.ticker-icon{color:#6366f1;height:1.5rem;width:1.5rem}.ticker-stats{color:#a0aec0;display:flex;font-size:.875rem;gap:2rem}.price-ticker{-ms-overflow-style:none;display:flex;gap:1rem;overflow-x:auto;padding:1rem 0;scrollbar-width:none}.price-ticker::-webkit-scrollbar{display:none}.ticker-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2d374899;border:1px solid #4a55684d;border-radius:1rem;cursor:pointer;min-width:280px;padding:1.25rem;position:relative;transition:all .3s ease}.ticker-item:before{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-radius:1rem;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.ticker-item:hover:before{opacity:1}.ticker-item:hover{background:#2d3748cc;border-color:#6366f180;box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.ticker-item.active{background:#6366f11a;border-color:#6366f1;box-shadow:0 8px 20px #6366f133}.ticker-main{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem;position:relative;z-index:2}.token-info{align-items:center;display:flex;gap:.75rem}.token-logo{font-size:1.5rem}.token-details{display:flex;flex-direction:column}.token-symbol{font-size:1rem;font-weight:600;margin:0}.token-name{color:#a0aec0;font-size:.75rem;margin-top:2px}.price-info{text-align:right}.token-price{display:block;font-size:1.1rem;font-weight:600;margin-bottom:4px}.price-change{align-items:center;display:flex;font-size:.875rem;gap:.25rem;justify-content:flex-end}.price-change.positive{color:#10b981}.price-change.negative{color:#ef4444}.trend-icon{height:.875rem;width:.875rem}.ticker-chart{height:40px;margin-bottom:.75rem;position:relative;z-index:2}.mini-chart{height:100%;width:100%}.ticker-volume{color:#a0aec0;font-size:.75rem;z-index:2}.chart-section,.ticker-volume{position:relative}.chart-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a202ccc;border:1px solid #4a55684d;border-radius:1.5rem;box-shadow:0 10px 25px #0000001a;padding:2rem}.chart-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.chart-title{display:flex;flex-direction:column;gap:1rem}.selected-token{align-items:center;display:flex;gap:1rem}.selected-logo{font-size:2rem}.selected-info{display:flex;flex-direction:column}.pair-name{color:#f7fafc;font-size:1.5rem;font-weight:700;margin:0}.price-details{align-items:center;display:flex;gap:1rem;margin-top:.5rem}.current-price{color:#e2e8f0;font-size:1.25rem;font-weight:600}.price-change-badge{border-radius:.5rem;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.price-change-badge.positive{background:#10b98133;border:1px solid #10b9814d;color:#10b981}.price-change-badge.negative{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.chart-stats{display:flex;gap:2rem}.stat-item{align-items:center;background:#2d374866;border:1px solid #4a556833;border-radius:.75rem;display:flex;flex-direction:column;padding:.75rem;text-align:center}.stat-label{color:#a0aec0;font-size:.75rem;letter-spacing:.025em;margin-bottom:.25rem;text-transform:uppercase}.stat-value{color:#e2e8f0;font-size:.875rem;font-weight:600}.chart-controls{align-items:center;display:flex;gap:1rem}.time-selector{background:#2d374880;border:1px solid #4a55684d;border-radius:.75rem;display:flex;padding:.25rem}.time-btn{background:#0000;border:none;border-radius:.5rem;color:#a0aec0;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.time-btn:hover{background:#6366f133;color:#fff}.time-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 4px #6366f14d;color:#fff}.refresh-btn{background:#2d374880;border:1px solid #4a55684d;border-radius:.75rem;color:#a0aec0;cursor:pointer;padding:.75rem;transition:all .3s ease}.refresh-btn:hover{background:#2d3748cc;border-color:#6366f1;color:#fff;transform:rotate(180deg)}.refresh-icon{height:1.25rem;transition:transform .3s ease;width:1.25rem}.chart-wrapper{background:#1118274d;border-radius:1rem;height:400px;padding:1rem;position:relative}.swap-section{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:120px}.swap-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a202ccc;border:1px solid #4a55684d;border-radius:1.5rem;box-shadow:0 10px 25px #0000001a;padding:2rem}.swap-header{justify-content:space-between;margin-bottom:2rem}.swap-header,.swap-title{align-items:center;display:flex}.swap-title{color:#f7fafc;font-size:1.25rem;font-weight:600;gap:.75rem;margin:0}.swap-icon{color:#6366f1;height:1.5rem;width:1.5rem}.settings-btn{background:#2d374880;border:1px solid #4a55684d;border-radius:.75rem;color:#a0aec0;cursor:pointer;padding:.75rem;transition:all .3s ease}.settings-btn:hover{background:#2d3748cc;border-color:#6366f1;color:#fff;transform:rotate(90deg)}.settings-icon{height:1.25rem;transition:transform .3s ease;width:1.25rem}.settings-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2d374880;border:1px solid #4a55684d;border-radius:1rem;margin-bottom:2rem;padding:1.5rem}.settings-group{margin-bottom:1.5rem}.settings-group:last-child{margin-bottom:0}.settings-label{color:#e2e8f0;display:block;font-size:.875rem;font-weight:500;letter-spacing:.025em;margin-bottom:.75rem;text-transform:uppercase}.slippage-options{display:flex;gap:.5rem}.slippage-btn{background:#2d374880;border:1px solid #4a556880;border-radius:.5rem;color:#a0aec0;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.75rem 1rem;text-align:center;transition:all .3s ease}.slippage-btn:hover{background:#6366f11a;border-color:#6366f1;color:#fff;transform:translateY(-1px)}.slippage-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;box-shadow:0 4px 8px #6366f14d;color:#fff}.settings-info{font-size:.875rem}.info-row{align-items:center;border-bottom:1px solid #4a556833;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.5rem 0}.info-row:last-child{border-bottom:none;margin-bottom:0}.info-row span:first-child{color:#a0aec0}.info-row span:last-child{color:#e2e8f0;font-weight:500}.swap-form,.token-input{position:relative}.token-input{background:#2d374866;border:1px solid #4a55684d;border-radius:1rem;overflow:hidden;padding:1.5rem;transition:all .3s ease}.token-input:before{background:linear-gradient(135deg,#6366f108,#8b5cf608);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.token-input:hover:before{opacity:1}.token-input:hover{background:#2d374899;border-color:#6366f180}.token-input:focus-within{background:#2d3748cc;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.token-input:focus-within:before{opacity:1}.input-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;position:relative;z-index:2}.input-label{font-weight:500;letter-spacing:.025em;text-transform:uppercase}.balance,.input-label{color:#a0aec0;font-size:.875rem}.balance{cursor:pointer;transition:color .3s ease}.balance:hover{color:#6366f1}.input-content{align-items:center;display:flex;gap:1rem;margin-bottom:1rem;position:relative;z-index:2}.token-selector{min-width:120px;position:relative}.token-select{-webkit-appearance:none;appearance:none;background:#1a202ccc;border:1px solid #4a556880;border-radius:.75rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 2rem .75rem 1rem;transition:all .3s ease;width:100%}.token-select:hover{background:#1a202ce6;border-color:#6366f1}.token-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.select-icon{color:#a0aec0;height:1rem;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:transform .3s ease;width:1rem}.token-selector:hover .select-icon{transform:translateY(-50%) rotate(180deg)}.amount-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:1.5rem;font-weight:600;outline:none;text-align:right;width:100%}.amount-input::placeholder{color:#4a5568}.amount-input:focus{color:#f7fafc}.input-footer{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:2}.usd-value{color:#a0aec0;font-size:.875rem}.max-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.25rem .75rem;text-transform:uppercase;transition:all .3s ease}.max-btn:hover{box-shadow:0 4px 8px #6366f14d;transform:translateY(-1px)}.swap-divider{display:flex;justify-content:center;margin:1rem 0;position:relative}.swap-divider:before{background:linear-gradient(90deg,#0000,#4a556880,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.swap-arrow-btn{background:#1a202ce6;border:1px solid #4a556880;border-radius:.75rem;box-shadow:0 4px 8px #0000001a;color:#a0aec0;cursor:pointer;padding:.75rem;position:relative;transition:all .3s ease;z-index:10}.swap-arrow-btn:hover{background:#1a202c;border-color:#6366f1;box-shadow:0 8px 16px #6366f133;color:#fff;transform:rotate(180deg)}.swap-arrow-icon{height:1.25rem;transition:transform .3s ease;width:1.25rem}.swap-details{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2d374866;border:1px solid #4a55684d;border-radius:1rem;margin:1.5rem 0;padding:1.5rem}.detail-row{align-items:center;display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:.75rem;padding:.5rem 0}.detail-row:last-child{border-top:1px solid #4a556833;font-weight:600;margin-bottom:0;padding-top:.75rem}.detail-row span:first-child{color:#a0aec0}.detail-row span:last-child{color:#e2e8f0;font-weight:500}.high-impact{color:#ef4444!important;font-weight:600!important}.low-impact{color:#10b981!important}.main-swap-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:1rem;box-shadow:0 8px 20px #6366f166;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;gap:.75rem;justify-content:center;margin-top:2rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease;width:100%}.main-swap-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.main-swap-btn:hover:not(:disabled):before{left:100%}.main-swap-btn:hover:not(:disabled){box-shadow:0 12px 28px #6366f180;transform:translateY(-2px)}.main-swap-btn:active:not(:disabled){transform:translateY(0)}.main-swap-btn:disabled{background:linear-gradient(135deg,#4a5568,#2d3748);box-shadow:none;color:#a0aec0;cursor:not-allowed}.main-swap-btn:disabled:before{display:none}.btn-icon{height:1.25rem;position:relative;width:1.25rem;z-index:2}.spinning{animation:spin 1s linear infinite}@media (max-width:1200px){.content-grid{grid-template-columns:1fr}.swap-section{position:static}.chart-stats{gap:1rem}}@media (max-width:768px){.main-content{padding:1rem}.header-content{flex-wrap:wrap;gap:1rem;padding:1rem}.header-left{gap:1rem}.nav-links,.ticker-stats{display:none}.price-ticker{gap:.75rem}.ticker-item{min-width:240px;padding:1rem}.chart-stats{display:none}.chart-header{align-items:flex-start;flex-direction:column}.chart-controls{align-self:stretch;justify-content:space-between}.swap-container{padding:1.5rem}.token-input{padding:1rem}.amount-input{font-size:1.25rem}.slippage-options{flex-direction:column}}@media (max-width:480px){.header-content{padding:.75rem 1rem}.logo-text{font-size:1.25rem}.ticker-item{min-width:200px;padding:.75rem}.token-symbol{font-size:.875rem}.token-price{font-size:1rem}.chart-container{padding:1rem}.chart-wrapper{height:300px}.swap-container{padding:1rem}.main-swap-btn{font-size:1rem;padding:.875rem 1.5rem}.amount-input{font-size:1.125rem}}.marketplace-container *{scrollbar-color:#6366f180 #0000;scrollbar-width:thin}.marketplace-container ::-webkit-scrollbar{height:6px;width:6px}.marketplace-container ::-webkit-scrollbar-track{background:#0000}.marketplace-container ::-webkit-scrollbar-thumb{background:#6366f180;border-radius:3px}.marketplace-container ::-webkit-scrollbar-thumb:hover{background:#6366f1b3}.marketplace-container button:focus,.marketplace-container input:focus,.marketplace-container select:focus{outline:2px solid #6366f180;outline-offset:2px}.marketplace-container ::selection{background:#6366f14d;color:#fff}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}:root{--transition-speed:0.3s;--border-radius:12px;--shadow-light:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-medium:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-heavy:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}html.dark{--bg-primary:linear-gradient(135deg,#0c0c0c,#1a1a2e 50%,#16213e);--bg-secondary:#1e293bcc;--bg-tertiary:#33415599;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--accent-primary:#3b82f6;--accent-secondary:#10b981;--accent-gradient:linear-gradient(135deg,#667eea,#764ba2);--border-color:#4755694d;--card-bg:#1e293bb3;--hover-bg:#33415580;--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59e0b;--info-color:#3b82f6}html.light{--bg-primary:linear-gradient(135deg,#f8fafc,#e2e8f0 50%,#cbd5e1);--bg-secondary:#ffffffe6;--bg-tertiary:#f8fafccc;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--accent-primary:#2563eb;--accent-secondary:#059669;--accent-gradient:linear-gradient(135deg,#667eea,#764ba2);--border-color:#cbd5e199;--card-bg:#fffc;--hover-bg:#f8fafccc;--success-color:#059669;--error-color:#dc2626;--warning-color:#d97706;--info-color:#2563eb}.app-container{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;position:relative;transition:all .3s ease;transition:all var(--transition-speed) ease}.bg-elements{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.bg-circle{animation:float 6s ease-in-out infinite;border-radius:50%;opacity:.1;position:absolute}.bg-circle-1{animation-delay:0s;background:var(--accent-gradient);height:300px;right:10%;top:10%;width:300px}.bg-circle-2{animation-delay:2s;background:linear-gradient(135deg,#10b981,#3b82f6);bottom:20%;height:200px;left:15%;width:200px}.bg-circle-3{animation-delay:4s;background:linear-gradient(135deg,#f59e0b,#ef4444);height:150px;left:50%;top:50%;transform:translate(-50%,-50%);width:150px}.floating-particles{height:100%;position:absolute;width:100%}.particle{animation:particle-float 8s linear infinite;background:var(--accent-primary);border-radius:50%;height:4px;opacity:.6;position:absolute;width:4px}.particle:nth-child(odd){background:var(--accent-secondary)}.particle-1{animation-delay:0s;left:10%}.particle-2{animation-delay:1s;left:20%}.particle-3{animation-delay:2s;left:30%}.particle-4{animation-delay:3s;left:40%}.particle-5{animation-delay:4s;left:50%}.particle-6{animation-delay:5s;left:60%}.particle-7{animation-delay:6s;left:70%}.particle-8{animation-delay:7s;left:80%}.particle-9{animation-delay:8s;left:90%}.particle-10{animation-delay:1.5s;left:15%}.particle-11{animation-delay:2.5s;left:25%}.particle-12{animation-delay:3.5s;left:35%}.particle-13{animation-delay:4.5s;left:45%}.particle-14{animation-delay:5.5s;left:55%}.particle-15{animation-delay:6.5s;left:65%}.particle-16{animation-delay:7.5s;left:75%}.particle-17{animation-delay:.5s;left:85%}.particle-18{animation-delay:1.2s;left:95%}.particle-19{animation-delay:2.8s;left:12%}.particle-20{animation-delay:4.2s;left:88%}.main-content{flex:1 1;padding:2rem 0;position:relative;z-index:1}.content-container{margin:0 auto;max-width:1200px;padding:0 1rem}.hero-section{margin-bottom:3rem}.hero-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);cursor:pointer;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease;transition:all var(--transition-speed) ease}.stat-card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.stat-card:hover:before{left:100%}.hover-3d{transform-style:preserve-3d;transition:transform .3s ease;transition:transform var(--transition-speed) ease}.hover-3d:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-heavy);transform:perspective(1000px) rotateX(5deg) rotateY(-5deg) scale(1.05)}.stat-icon{display:inline-block;font-size:3rem;margin-bottom:1rem;transform:translateZ(20px)}.stat-info h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem;transform:translateZ(10px)}.stat-info p{-webkit-text-fill-color:#0000;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.page-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-light);margin-bottom:2rem;padding:2rem;transition:all .3s ease;transition:all var(--transition-speed) ease}.page-container:hover{border-color:var(--accent-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-medium)}.form-group{margin-bottom:1.5rem}.form-label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);color:var(--text-primary);font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;transition:all var(--transition-speed) ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.btn{align-items:center;border:none;border-radius:12px;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease;transition:all var(--transition-speed) ease}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.btn:hover:before{left:100%}.btn-primary{background:var(--accent-gradient);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-light);color:#fff}.btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-medium);transform:translateY(-2px)}.btn-secondary{background:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:var(--hover-bg);border-color:var(--accent-primary)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.project-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);overflow:hidden;transition:all .3s ease;transition:all var(--transition-speed) ease}.project-card:hover{border-color:var(--accent-primary);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-heavy);transform:translateY(-8px) scale(1.02)}.project-image{height:200px;object-fit:cover;transition:transform .3s ease;transition:transform var(--transition-speed) ease;width:100%}.project-card:hover .project-image{transform:scale(1.1)}.project-content{padding:1.5rem}.project-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.project-meta{color:var(--text-muted);font-size:.875rem;margin-bottom:1rem}.project-stats{align-items:center;display:flex;justify-content:space-between}.credits-badge{background:var(--accent-gradient);border-radius:9999px;color:#fff;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.loading{align-items:center;display:inline-flex;gap:.5rem}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:1rem;width:1rem}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes particle-float{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%,90%{opacity:.6}to{opacity:0;transform:translateY(-10px) rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-in-up{animation:slideInUp .6s ease-out}@media (max-width:768px){.content-container{padding:0 1rem}.hero-stats{gap:1rem;grid-template-columns:1fr}.stat-card{padding:1.5rem}.stat-icon{font-size:2.5rem}.stat-info h3{font-size:1.1rem}.stat-info p{font-size:1.5rem}.project-grid{gap:1.5rem;grid-template-columns:1fr}.page-container{padding:1.5rem}.main-content{padding:1rem 0}.hover-3d:hover{transform:scale(1.02)}.bg-circle-1{height:200px;width:200px}.bg-circle-2{height:150px;width:150px}.bg-circle-3{height:100px;width:100px}}@media (max-width:480px){.hero-stats{gap:1rem}.page-container,.stat-card{padding:1rem}.btn{font-size:.875rem;padding:.625rem 1.25rem}}@media (prefers-contrast:high){:root{--border-color:currentColor}.page-container,.project-card,.stat-card{border-width:2px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.bg-circle,.particle{animation:none}.hover-3d:hover{transform:scale(1.05)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease;-webkit-transition:background var(--transition-speed) ease;transition:background var(--transition-speed) ease}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}*{scrollbar-color:var(--accent-primary) var(--bg-tertiary);scrollbar-width:thin}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}img{loading:lazy;height:auto;max-width:100%}@media print{.bg-circle,.bg-elements,.floating-particles{display:none!important}.app-container{background:#fff!important;color:#000!important}.hover-3d{transform:none!important}}
/*# sourceMappingURL=main.7dd99ef4.css.map*/