@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@300;400;600&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (min-width: 480px){:root{--current-bp: "sm"}}@media (min-width: 768px){:root{--current-bp: "md"}}@media (min-width: 1024px){:root{--current-bp: "lg"}}@media (min-width: 1280px){:root{--current-bp: "xl"}}@media (min-width: 1536px){:root{--current-bp: "2xl"}}.card{--card-padding: var(--space-4);--card-gap: var(--space-3);--card-radius: var(--border-radius);background:var(--background-glass);border:1px solid var(--border-color);border-radius:var(--card-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--card-padding);gap:var(--card-gap);display:flex;flex-direction:column;position:relative;transition:all .3s ease;width:100%;box-sizing:border-box}.card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 20px #ffd70040}.card--horizontal{flex-direction:column}.card--grid{display:grid;align-items:center}@media (min-width: 480px){.card{--card-padding: var(--space-5);--card-gap: var(--space-4)}.card--horizontal{flex-direction:row}}@media (min-width: 768px){.card{--card-padding: var(--space-6);--card-gap: var(--space-5)}}@media (min-width: 1024px){.card{--card-padding: var(--space-8);--card-gap: var(--space-6)}}.grid{display:grid;gap:var(--space-4);width:100%}.grid--responsive{grid-template-columns:1fr}@media (min-width: 480px){.grid{gap:var(--space-5)}.grid--responsive{grid-template-columns:1fr}}@media (min-width: 768px){.grid{gap:var(--space-6)}.grid--responsive{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (min-width: 1024px){.grid{gap:var(--space-8)}.grid--responsive{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media (min-width: 1280px){.grid--responsive{grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}}.container{width:100%;margin:0 auto;padding:0 var(--space-4);max-width:var(--container-2xl)}@media (min-width: 480px){.container{padding:0 var(--space-5)}}@media (min-width: 768px){.container{padding:0 var(--space-6)}}@media (min-width: 1024px){.container{max-width:var(--container-lg)}}@media (min-width: 1280px){.container{max-width:var(--container-xl)}}@media (min-width: 1536px){.container{max-width:var(--container-2xl)}}.text-responsive-xs{font-size:clamp(var(--text-xs),2vw,var(--text-sm))}.text-responsive-sm{font-size:clamp(var(--text-sm),2.5vw,var(--text-base))}.text-responsive-base{font-size:clamp(var(--text-base),3vw,var(--text-lg))}.text-responsive-lg{font-size:clamp(var(--text-lg),4vw,var(--text-xl))}.text-responsive-xl{font-size:clamp(var(--text-xl),5vw,var(--text-2xl))}.text-responsive-2xl{font-size:clamp(var(--text-2xl),6vw,var(--text-3xl))}.text-responsive-3xl{font-size:clamp(var(--text-3xl),7vw,var(--text-4xl))}.text-responsive-4xl{font-size:clamp(var(--text-4xl),8vw,var(--text-5xl))}.space-responsive-xs{padding:clamp(var(--space-2),2vw,var(--space-4))}.space-responsive-sm{padding:clamp(var(--space-3),3vw,var(--space-6))}.space-responsive-md{padding:clamp(var(--space-4),4vw,var(--space-8))}.space-responsive-lg{padding:clamp(var(--space-6),6vw,var(--space-12))}.gap-responsive-xs{gap:clamp(var(--space-2),2vw,var(--space-4))}.gap-responsive-sm{gap:clamp(var(--space-3),3vw,var(--space-6))}.gap-responsive-md{gap:clamp(var(--space-4),4vw,var(--space-8))}.gap-responsive-lg{gap:clamp(var(--space-6),6vw,var(--space-12))}.hidden-xs{display:none}@media (min-width: 480px){.hidden-xs{display:inherit}.hidden-sm{display:none}}@media (min-width: 768px){.hidden-sm{display:inherit}.hidden-md{display:none}}@media (min-width: 1024px){.hidden-md{display:inherit}.hidden-lg{display:none}}@media (min-width: 1280px){.hidden-lg{display:inherit}.hidden-xl{display:none}}@media (min-width: 1536px){.hidden-xl{display:inherit}}@media (max-width: 479px){.show-xs-only{display:inherit}}@media (min-width: 480px) and (max-width: 767px){.show-sm-only{display:inherit}}@media (min-width: 768px) and (max-width: 1023px){.show-md-only{display:inherit}}@media (min-width: 1024px) and (max-width: 1279px){.show-lg-only{display:inherit}}@media (min-width: 1280px) and (max-width: 1535px){.show-xl-only{display:inherit}}@media (min-width: 1536px){.show-2xl-only{display:inherit}}.flex-responsive{display:flex;flex-direction:column;gap:var(--space-4)}@media (min-width: 768px){.flex-responsive{flex-direction:row;gap:var(--space-6)}}.flex-responsive-reverse{display:flex;flex-direction:column-reverse;gap:var(--space-4)}@media (min-width: 768px){.flex-responsive-reverse{flex-direction:row-reverse;gap:var(--space-6)}}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.aspect-photo{aspect-ratio:4 / 3}.img-responsive{width:100%;height:auto;object-fit:cover}.img-responsive-contain{width:100%;height:auto;object-fit:contain}.touch-target{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}@media (min-width: 768px){.touch-target{min-height:36px;min-width:36px}}.focus-visible:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media print{.no-print{display:none!important}.print-only{display:block!important}.card{border:1px solid #333;box-shadow:none;break-inside:avoid}}*{box-sizing:border-box}html{overflow-x:hidden}h1,h2,h3,h4,h5,h6,p,span,div{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}img,video{max-width:100%;height:auto}.container,.landing-page,.category-page,.projects-page,.legal-page,.blog-page{width:100%;max-width:100vw;overflow-x:hidden;padding-left:clamp(.25rem,2vw,2rem);padding-right:clamp(.25rem,2vw,2rem);display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-content,.hero-actions,.categories-grid,.featured-grid,.stats-grid,.life-counter-grid{width:100%;max-width:100%;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-title{font-size:clamp(1.5rem,8vw,4rem)}.hero-subtitle{font-size:clamp(.9rem,4vw,1.5rem)}h1{font-size:clamp(1.8rem,6vw,3.5rem)}h2{font-size:clamp(1.3rem,5vw,2.5rem)}:root{--primary-color: #ffd700;--secondary-color: #ffa500;--accent-color: #4caf50;--background-color: #1a1a1a;--background-glass: #2d2d2d;--card-bg: #2d2d2d;--card-hover-bg: #3a3a3a;--text-color: #ffffff;--text-on-yellow: #1a1a1a;--text-primary: #000000;--border-color: #444444;--glow-color-primary: rgba(255, 215, 0, .3);--glow-color-secondary: rgba(255, 165, 0, .3);--bp-xs: 320px;--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1536px;--container-xs: 100%;--container-sm: 100%;--container-md: 100%;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--header-height: 120px;--footer-height: 60px;--border-radius: 8px;--border-radius-lg: 12px;--font-family-headings: "Arial", "Helvetica", sans-serif;--font-family-body: "Arial", "Helvetica", sans-serif;--card-padding-xs: var(--space-4);--card-padding-sm: var(--space-5);--card-padding-md: var(--space-6);--card-padding-lg: var(--space-8);--card-gap-xs: var(--space-4);--card-gap-sm: var(--space-5);--card-gap-md: var(--space-6);--card-gap-lg: var(--space-8)}body{background-color:var(--dynamic-bg, var(--background-color));color:var(--text-color);font-family:var(--font-family-body);margin:0;padding:0;overflow-x:hidden;font-size:var(--text-base);line-height:var(--leading-normal)}.card-base{background:var(--background-glass);border:1px solid var(--border-color);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;width:100%;box-sizing:border-box;display:flex;flex-direction:column;position:relative;overflow:hidden}.card-base:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 20px #ffd70040}.card-xs{padding:var(--card-padding-xs);gap:var(--card-gap-xs)}.card-sm{padding:var(--card-padding-sm);gap:var(--card-gap-sm)}.card-md{padding:var(--card-padding-md);gap:var(--card-gap-md)}.card-lg{padding:var(--card-padding-lg);gap:var(--card-gap-lg)}.card-horizontal{flex-direction:row;align-items:center}.card-vertical{flex-direction:column;text-align:center}.card-grid{display:grid;align-items:center;gap:var(--space-4)}.container{width:100%;max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-4)}.grid{display:grid;gap:var(--space-6);width:100%}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-auto-fit-sm{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-auto-fit-md{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-auto-fit-lg{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}section{width:100%;max-width:1200px;margin:0 auto;padding:2rem 1rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.absolute{position:absolute!important}.inset-0{inset:0!important}.pointer-events-none{pointer-events:none!important}@media (max-width: 768px){.absolute.inset-0{width:100%!important;height:100%!important;padding:5px!important}.absolute.inset-0>div{width:100%!important;height:100%!important;max-width:100vw!important;max-height:100vh!important}.absolute.inset-0>div>div[style*="position: absolute"]{bottom:5px!important;font-size:.7rem!important;padding:4px 8px!important}}.App{display:flex;flex-direction:column;min-height:100vh;width:100vw;overflow-x:hidden}main{overflow-y:visible;scroll-behavior:smooth;padding:3rem;position:relative;z-index:2;min-height:60vh;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center}.App-header{background:var(--background-glass);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;z-index:50;text-align:center;padding:1rem;min-height:100px;position:relative}.header-logo{text-decoration:none;transition:all .3s ease;flex-shrink:0;position:relative;z-index:51;display:flex;align-items:center;justify-content:center;padding:10px;min-width:100px;margin:10px}.header-logo:hover{transform:scale(1.05);filter:drop-shadow(0 0 8px var(--primary-color))}.logo{height:60px;width:60px;object-fit:contain;border-radius:0;transition:all .3s ease}.header-content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;flex:1;padding:0 1rem;overflow:hidden;position:relative}.App-header h1{margin:0;font-size:2rem;color:var(--text-color);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.App-header h2,.App-header h3,.App-header h4{margin:.2em 0;font-size:1rem;color:var(--primary-color);text-shadow:none;font-weight:600}@media (max-width: 768px){.App-header{flex-direction:column;gap:.3rem;padding:.5rem;text-align:center;min-height:auto;position:relative;justify-content:center}.header-logo{position:static;order:1;margin:10px auto;min-width:auto;padding:10px}.header-content{position:static;transform:none;order:2;width:100%;margin:0;padding:0;flex:none}.header-auth-menu{order:3;gap:.5rem;margin-top:.5rem;flex-wrap:wrap;justify-content:center}.dashboard-quick-access{padding:.4rem .8rem;font-size:.8rem;min-width:100px}.user-indicator{font-size:.8rem;text-align:center}.logo{height:35px;width:35px}.header-content h1{font-size:1rem;line-height:1.1;margin-bottom:.2rem}.App-header h2,.App-header h3,.App-header h4{font-size:.7rem;line-height:1.2;margin:.05rem 0}}.header-auth-menu{display:flex;align-items:center;gap:1rem;flex-shrink:0}.dashboard-quick-access{background:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--border-radius);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.dashboard-quick-access:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.user-indicator{color:var(--text-color);font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.3rem}.superuser-crown{font-size:1.1rem;filter:drop-shadow(0 0 3px gold)}.App-footer{background:var(--background-glass);border-top:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;position:relative;z-index:50}.footer-content{max-width:1200px;margin:0 auto;padding:3rem 2rem 2rem;display:grid;grid-template-columns:1fr 2fr;gap:3rem;text-align:center}.footer-brand h3{font-family:var(--font-family-headings);font-size:1.8rem;color:var(--primary-color);margin-bottom:1rem;text-align:center}.footer-logo-section{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem}.footer-logo{height:80px;width:80px;object-fit:contain;transition:all .3s ease;filter:brightness(1.1)}.footer-logo:hover{transform:scale(1.1);filter:brightness(1.3) drop-shadow(0 0 6px var(--primary-color))}.footer-brand p{margin-bottom:.5rem;line-height:1.5;text-align:center}.business-redirect{margin-top:1rem;font-weight:600}.business-redirect a{color:var(--secondary-color);text-decoration:none;transition:all .3s ease}.business-redirect a:hover{color:var(--primary-color)}.footer-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;text-align:center}.footer-section h4{font-family:var(--font-family-headings);color:var(--primary-color);margin-bottom:1rem;font-size:1.1rem;text-align:center}.footer-section ul{list-style:none;padding:0;margin:0;text-align:center}.footer-section li{margin-bottom:.5rem}.footer-section a{color:var(--text-color);text-decoration:none;transition:all .3s ease;font-size:.9rem}.footer-section a:hover{color:var(--primary-color)}.footer-bottom{border-top:1px solid var(--border-color);padding:1.5rem 2rem;text-align:center;background:#02040acc}.footer-bottom p{margin:.5rem 0;font-size:.9rem}.legal-note{color:var(--secondary-color);font-style:italic;font-size:.8rem!important}@keyframes background-pan{0%{background-position:0 0}to{background-position:1200px 1200px}}.hamburger-menu{position:fixed;top:10px;right:10px;z-index:1001}.hamburger-icon{background:var(--background-glass);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;padding:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;width:25px;height:25px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center}.hamburger-icon:hover{box-shadow:0 2px 8px #ffd7004d}.hamburger-icon div{width:13px;height:1.5px;background-color:var(--primary-color);margin:1.5px 0;transition:.4s}.menu-drawer{position:fixed;top:0;right:0;height:100vh;width:300px;background:var(--background-glass);border-left:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(100%);transition:transform .3s ease-in-out;z-index:1002;padding:20px;overflow-y:auto}.menu-drawer.open{transform:translate(0)}.close-button{background:none;border:none;color:var(--primary-color);font-size:2rem;cursor:pointer;position:absolute;top:10px;right:20px}.menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:1001}.menu-items{list-style:none;padding:40px 0 0;margin:0}.menu-items li{margin-bottom:1rem}.menu-items li a,.menu-items li button{color:var(--text-color);padding:12px 18px;display:block;transition:all .3s ease;font-family:var(--font-family-headings);font-weight:600;border-radius:var(--border-radius);background:none;border:none;width:100%;text-align:left;cursor:pointer}.menu-items li a:hover,.menu-items li button:hover{background-color:var(--primary-color);color:var(--background-color);text-shadow:none}.auth-button{font-size:.9rem!important;font-weight:700!important;border-radius:4px!important;border:1px solid var(--border-color)!important;transition:all .3s ease!important}.login-button{background:var(--primary-color)!important;color:var(--background-color)!important}.login-button:hover{background:var(--primary-color)!important;opacity:.9}.logout-button{background:#dc3545!important;color:#fff!important;border-color:#dc3545!important}.logout-button:hover{background:#c82333!important;border-color:#c82333!important}.pwa-install-button{background:linear-gradient(45deg,var(--primary-color),#32cd32)!important;color:var(--background-color)!important;border-color:var(--primary-color)!important;font-size:.9rem!important;font-weight:700!important;display:flex!important;align-items:center!important;gap:8px!important;justify-content:center!important}.pwa-install-button:hover{background:linear-gradient(45deg,#32cd32,var(--primary-color))!important;transform:translateY(-1px);box-shadow:0 4px 8px #ffd7004d}.pwa-install-button:active{transform:translateY(0)}.nav-menu-container{position:fixed;bottom:25px;right:25px;z-index:1000;display:flex;flex-direction:column;gap:10px}.nav-menu-container button{background:var(--background-glass);border:1px solid var(--border-color);color:var(--primary-color);font-size:24px;width:50px;height:50px;border-radius:var(--border-radius);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.nav-menu-container button:hover{background:var(--primary-color);color:var(--background-color);box-shadow:0 2px 8px #ffd7004d}section{background:var(--background-glass);border:1px solid var(--border-color);padding:2em;margin:0 auto 2em;border-radius:var(--border-radius);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 20px #00000080;max-width:1000px;width:100%;box-sizing:border-box}h1{font-size:3.5em}h2{font-family:var(--font-family-headings);font-weight:900;font-size:2.5em;color:var(--primary-color);margin-bottom:.5em}p,li{font-family:var(--font-family-body);font-size:1.2em;line-height:1.7;font-weight:400}a{color:var(--primary-color);text-decoration:none;font-weight:600;transition:color .3s ease}a:hover{color:var(--secondary-color);text-decoration:underline}button{font-family:var(--font-family-headings);background:var(--background-glass);border:2px solid var(--primary-color);color:var(--text-color);padding:12px 24px;cursor:pointer;border-radius:var(--border-radius);transition:all .3s ease;font-size:16px;font-weight:600}button:hover{background:var(--primary-color);color:var(--background-color)}.btn-primary,.btn-secondary{padding:clamp(.7rem,2vw,1rem) clamp(1rem,4vw,2rem);font-family:var(--font-family-headings);font-weight:600;text-decoration:none;border-radius:var(--border-radius);transition:all .3s ease;border:2px solid transparent;display:inline-block;font-size:clamp(.9rem,2.5vw,1rem);box-sizing:border-box;max-width:100%;overflow:hidden;text-overflow:ellipsis}.btn-primary{background:var(--primary-color);color:var(--background-color);border-color:var(--primary-color)}.btn-primary:hover{background:var(--secondary-color);border-color:var(--secondary-color);color:var(--background-color);text-decoration:none}.btn-secondary{background:transparent;color:var(--primary-color);border-color:var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:var(--text-on-yellow);text-decoration:none}.explore-button{display:inline-block;margin-top:1em}.landing-page{max-width:1200px;margin:0 auto;padding:2rem}.landing-page{max-width:1200px;margin:0 auto;padding:2rem;position:relative}.hero-landing-section{display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;padding:1.25rem 2rem 2rem;background:var(--background-glass);border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;min-height:100vh;box-sizing:border-box}.spacing-section{height:50vh;display:flex;align-items:center;justify-content:center;margin:4rem 0}.scroll-indicator{display:flex;flex-direction:column;align-items:center;cursor:pointer;color:var(--primary-color);transition:all .3s ease}.scroll-indicator:hover{color:var(--secondary-color);transform:scale(1.1)}.arrow-container{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border:2px solid currentColor;border-radius:50%;margin-bottom:.5rem;animation:pulse 2s infinite}.drop-arrow{width:1.5rem;height:1.5rem;animation:bounce 2s infinite}.scroll-text{font-size:.9rem;font-weight:500;letter-spacing:.05em}@keyframes pulse{0%,to{transform:scale(1);opacity:1;box-shadow:0 0 #ffd700b3}50%{transform:scale(1.05);opacity:.9;box-shadow:0 0 0 10px #ffd70000}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) rotate(0)}40%{transform:translateY(-5px) rotate(180deg)}60%{transform:translateY(-3px) rotate(360deg)}}.scroll-indicator:hover .arrow-container{animation:pulse 1s infinite;border-color:var(--secondary-color)}.scroll-indicator:hover .drop-arrow{animation:bounce 1s infinite}.hero-section{text-align:center;padding:4rem 2rem;background:var(--background-glass);border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-title{font-family:var(--font-family-headings);font-size:4rem;font-weight:900;color:var(--primary-color);margin-bottom:1rem;letter-spacing:.1em}.hero-subtitle{font-family:var(--font-family-headings);font-size:1.5rem;color:var(--secondary-color);margin-bottom:2rem;letter-spacing:.05em}.hero-description{font-size:1.2rem;line-height:1.6;margin-bottom:1rem;max-width:800px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:25px;width:100%;max-width:100%;box-sizing:border-box}.hero-actions .btn-primary,.hero-actions .btn-secondary{flex:1 1 auto;min-width:120px;max-width:250px;text-align:center;white-space:nowrap}.categories-section{margin:var(--space-8) 0;padding:var(--space-8) 0;background:#ffffff05;border:1px solid rgba(255,215,0,.2);border-radius:0;border-left:none;border-right:none;transition:all .3s ease}.categories-section:hover{background:#ffffff0a;border-color:var(--primary-color);box-shadow:0 2px 12px #ffd70026}.categories-section h2{text-align:center;font-family:var(--font-family-headings);font-size:clamp(var(--text-2xl),5vw,var(--text-4xl));color:var(--primary-color);margin:0 0 var(--space-12) 0;font-weight:700}.categories-grid{display:flex;flex-direction:column;gap:var(--space-6);max-width:var(--container-lg);margin:0 auto;padding:0 var(--space-4);width:100%}.category-card{background:var(--background-glass);border:1px solid var(--border-color);border-radius:var(--border-radius);text-decoration:none;color:var(--text-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);padding:var(--space-6);width:100%;max-width:900px;margin:0 auto}@media (min-width: 768px){.category-card{flex-direction:row;text-align:left;grid-template-columns:auto 1fr auto;display:grid;align-items:center;gap:var(--space-6);padding:var(--space-8);min-height:120px}}.category-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 20px #ffd70040}.category-card:hover h3,.category-card:hover p,.category-card:hover .project-count{color:var(--text-color)}.category-icon{font-size:clamp(2.5rem,6vw,4rem);display:flex;align-items:center;justify-content:center;width:clamp(60px,12vw,80px);height:clamp(60px,12vw,80px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:50%;transition:all .3s ease;flex-shrink:0}.category-card:hover .category-icon{border-color:var(--primary-color)}.category-content{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;flex:1}.category-card h3{font-family:var(--font-family-headings);font-size:clamp(var(--text-lg),4vw,var(--text-2xl));color:var(--primary-color);margin:0;transition:all .3s ease}.category-card p{margin:0;line-height:var(--leading-normal);font-size:clamp(var(--text-sm),3vw,var(--text-lg));opacity:.9}.project-count{color:var(--secondary-color);font-weight:600;font-size:clamp(var(--text-base),3vw,var(--text-lg));white-space:nowrap;flex-shrink:0}@media (min-width: 768px){.project-count{text-align:right}}.category-icon{font-size:4rem;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:50%;transition:all .3s ease}.category-card:hover .category-icon{border-color:gold}.category-content{display:flex;flex-direction:column;gap:.5rem}.category-card h3{font-family:var(--font-family-headings);font-size:2rem;color:var(--primary-color);margin:0;transition:all .3s ease}.category-card p{margin:0;line-height:1.6;font-size:1.2rem;opacity:.9}.project-count{color:var(--secondary-color);font-weight:600;font-size:1.1rem;text-align:right;white-space:nowrap}.featured-projects{margin:2rem 0;padding:2rem 0;background:#ffffff05;border:1px solid rgba(255,215,0,.2);border-radius:0;border-left:none;border-right:none;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.featured-projects:hover{background:#ffffff0a;border-color:var(--primary-color);box-shadow:0 2px 12px #ffd70026}.featured-projects h2{text-align:center;font-family:var(--font-family-headings);font-size:2.5rem;color:var(--primary-color);margin:0 0 3rem;font-weight:700}.featured-grid{display:flex;flex-direction:column;gap:2rem;max-width:1000px;margin:0 auto;padding:0 1rem;width:100%;justify-content:center;align-items:center}.featured-card{background:var(--background-glass);border:1px solid var(--border-color);border-radius:var(--border-radius);text-decoration:none;color:var(--text-color);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);padding:var(--space-6);width:100%;max-width:900px;margin:0 auto}@media (min-width: 768px){.featured-card{display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left;gap:var(--space-6);padding:var(--space-8);min-height:120px}}.featured-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 20px #ffd70040}.featured-card:hover h3,.featured-card:hover p{color:var(--text-color)}.featured-card.primary{border-color:var(--primary-color);background:var(--card-hover-bg)}.featured-card.primary:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 6px 25px #ffd70059}.featured-content{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;flex:1}.featured-card h3{font-family:var(--font-family-headings);font-size:clamp(var(--text-xl),5vw,var(--text-3xl));color:var(--primary-color);margin:0;transition:all .3s ease;word-break:break-word}.featured-card.primary h3{font-size:clamp(var(--text-xl),5vw,var(--text-4xl));text-shadow:0 0 15px var(--glow-color-primary)}.featured-card p{margin:0;line-height:var(--leading-normal);font-size:clamp(var(--text-base),3vw,var(--text-xl));opacity:.9}.status{padding:var(--space-3) var(--space-4);border-radius:var(--border-radius-full);font-size:clamp(var(--text-sm),2.5vw,var(--text-base));font-weight:600;text-transform:uppercase;border:1px solid;white-space:nowrap;transition:all .3s ease;flex-shrink:0;letter-spacing:.5px}.status.live{background:#0f03;color:#0f0;border-color:#0f0}.status.development{background:#f903;color:#f60;border-color:#f60}.status.future{background:#6663;color:#ccc;border-color:#666}.status.soon{background:#ff00e533;color:var(--secondary-color);border-color:var(--secondary-color)}.status.available{background:#08f3;color:#08f;border-color:#08f}.quick-stats{margin:2rem 0;padding:2rem 0;background:#ffffff05;border:1px solid rgba(255,215,0,.2);border-radius:0;border-left:none;border-right:none;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.quick-stats:hover{background:#ffffff0a;border-color:var(--primary-color);box-shadow:0 2px 12px #ffd70026}.quick-stats h2{text-align:center;font-family:var(--font-family-headings);font-size:2.5rem;color:var(--primary-color);margin:0 0 3rem;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-6);max-width:var(--container-lg);margin:0 auto;padding:0 var(--space-4);width:100%}@media (max-width: 479px){.stats-grid{grid-template-columns:1fr}}@media (min-width: 768px) and (max-width: 1023px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--background-glass);border:1px solid var(--border-color);padding:var(--space-8);border-radius:var(--border-radius);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:140px}.stat-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 20px #ffd70040;background:var(--card-hover-bg)}.stat-card h3{font-family:var(--font-family-headings);font-size:clamp(var(--text-3xl),6vw,var(--text-5xl));color:var(--primary-color);margin:0 0 var(--space-2) 0;transition:all .3s ease;font-weight:700}.stat-card p{color:var(--text-color);font-weight:600;margin:0;font-size:clamp(var(--text-base),3vw,var(--text-lg));opacity:.9}.latest-blog-section{margin-bottom:4rem}.latest-blog-section h2{text-align:center;font-family:var(--font-family-headings);font-size:2rem;color:var(--primary-color);margin-bottom:2rem}.blog-preview{background:var(--background-glass);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blog-link{text-decoration:none;color:var(--text-color);display:block;transition:all .3s ease}.blog-link:hover{color:var(--primary-color)}.blog-link h3{font-family:var(--font-family-headings);font-size:1.5rem;margin-bottom:1rem;color:var(--primary-color)}.blog-link span{color:var(--secondary-color);font-weight:600}.category-page{max-width:1200px;margin:0 auto;padding:2rem}.category-header{text-align:center;margin-bottom:3rem}.breadcrumb{margin-bottom:1rem;color:var(--text-color);text-align:center}.breadcrumb a{color:var(--primary-color);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.category-page h1{font-family:var(--font-family-headings);font-size:3rem;color:var(--primary-color);margin-bottom:1rem;text-shadow:0 0 20px var(--glow-color-primary)}.category-description{font-size:1.2rem;line-height:1.6;max-width:800px;margin:0 auto}.projects-grid{display:flex;flex-direction:column;gap:var(--space-6);margin:var(--space-12) 0 0 0;max-width:var(--container-lg);margin-left:auto;margin-right:auto;padding:0 var(--space-4);width:100%}.project-card{background:var(--background-glass);border:1px solid var(--border-color);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);padding:var(--space-6);min-height:auto}@media (min-width: 768px){.project-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;text-align:left;gap:var(--space-6);padding:var(--space-8);min-height:120px}}.project-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 20px #ffd70040}.project-card:hover h3,.project-card:hover .project-domain,.project-card:hover .project-description{color:var(--text-color)}.project-card.future{border-color:var(--border-color-muted);opacity:.8}.project-icon{width:clamp(60px,12vw,80px);height:clamp(60px,12vw,80px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(1.2rem,4vw,2rem);color:var(--secondary-color);transition:all .3s ease;flex-shrink:0}.project-card:hover .project-icon{border-color:var(--primary-color)}.project-main{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;flex:1}.project-header{display:flex;flex-direction:column;gap:var(--space-1);margin:0}.project-header h3{font-family:var(--font-family-headings);font-size:clamp(var(--text-lg),4vw,var(--text-2xl));color:var(--primary-color);margin:0;transition:all .3s ease;word-break:break-word}.project-domain{color:var(--secondary-color);font-weight:600;font-family:var(--font-family-mono);font-size:clamp(var(--text-sm),3vw,var(--text-base));transition:all .3s ease;word-break:break-all}.project-description{line-height:var(--leading-normal);font-size:clamp(var(--text-sm),3vw,var(--text-lg));margin:0;opacity:.9}.project-side{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);flex-shrink:0}@media (min-width: 768px){.project-side{align-items:flex-end}}.project-features,.project-tech{margin-bottom:1.5rem}.project-features h4,.project-tech h4{color:var(--primary-color);margin-bottom:.5rem;font-size:1rem}.project-features ul{list-style:none;padding:0;margin:0}.project-features li{padding:.2rem 0;color:var(--text-color)}.project-features li:before{content:"▸ ";color:var(--primary-color);font-weight:700}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:#00e5ff33;color:var(--primary-color);padding:.3rem .8rem;border-radius:15px;font-size:.8rem;border:1px solid var(--border-color)}.tech-tag.future{background:#6663;color:#999}.project-actions{display:flex;flex-direction:column;gap:.5rem;align-items:stretch}.project-actions .btn-primary,.project-actions .btn-secondary{padding:.5rem 1rem;font-size:.9rem;text-align:center;white-space:nowrap}.coming-soon{color:var(--secondary-color);font-style:italic;font-size:.9rem}.projects-page{max-width:1200px;margin:0 auto;padding:2rem}.projects-header{text-align:center;margin-bottom:3rem}.projects-description{font-size:1.2rem;line-height:1.6;max-width:800px;margin:0 auto}.sticky-nav{position:relative;background:#1a1a1af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding:1rem 0;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.category-filters{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.category-filters button{background:var(--background-glass);border:1px solid var(--border-color);color:var(--text-color);padding:.8rem 1.5rem;border-radius:var(--border-radius);cursor:pointer;font-family:var(--font-family-headings);font-weight:600;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.category-filters button:hover,.category-filters button.active{background:var(--primary-color);color:var(--text-on-yellow);border-color:var(--primary-color);box-shadow:0 2px 8px #ffd7004d}.category-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:0}.category-link{background:var(--background-glass);border:1px solid var(--border-color);padding:1.5rem;border-radius:var(--border-radius);text-decoration:none;color:var(--text-color);text-align:center;font-family:var(--font-family-headings);font-weight:600;font-size:1.1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.category-link:hover{border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 0 15px var(--glow-color-primary)}.category-link.blockchain:hover{color:#f7931a;border-color:#f7931a;box-shadow:0 0 15px #f7931a80}.category-link.business:hover{color:#0f8;border-color:#0f8;box-shadow:0 0 15px #00ff8880}.category-link.ecommerce:hover{color:#ff6b6b;border-color:#ff6b6b;box-shadow:0 0 15px #ff6b6b80}.category-link.future:hover{color:#9b59b6;border-color:#9b59b6;box-shadow:0 0 15px #9b59b680}.project-meta{margin-bottom:1rem}.category-tag{background:#ff00e533;color:var(--secondary-color);padding:.3rem .8rem;border-radius:15px;font-size:.8rem;text-transform:uppercase;font-weight:600}.legal-page{max-width:1000px;margin:0 auto;padding:2rem}.legal-header{text-align:center;margin-bottom:3rem}.legal-header h1{font-family:var(--font-family-headings);font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem;text-shadow:0 0 20px var(--glow-color-primary)}.last-updated{color:var(--secondary-color);font-style:italic;margin-bottom:2rem}.legal-content{background:var(--background-glass);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);line-height:1.7}.legal-notice{background:#ffa5001a;border:1px solid #ffa500;border-radius:var(--border-radius);padding:1.5rem;margin-bottom:2rem}.legal-notice p{margin:0;color:orange;font-weight:600}.legal-content section{margin-bottom:2.5rem}.legal-content h2{font-family:var(--font-family-headings);font-size:1.5rem;color:var(--primary-color);margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.legal-content h3{font-family:var(--font-family-headings);font-size:1.2rem;color:var(--secondary-color);margin:1.5rem 0 1rem}.legal-content h4{font-family:var(--font-family-headings);color:var(--primary-color);margin:1rem 0 .5rem;font-size:1rem}.legal-content p{margin-bottom:1rem;text-align:justify}.legal-content ul{margin:1rem 0;padding-left:2rem}.legal-content li{margin-bottom:.5rem;line-height:1.6}.legal-content a{color:var(--secondary-color);text-decoration:none;transition:all .3s ease}.legal-content a:hover{color:var(--primary-color);text-shadow:0 0 10px var(--glow-color-primary)}.legal-disclaimer{background:#ff00001a;border:2px solid #ff4444;border-radius:var(--border-radius);padding:2rem;margin-top:3rem}.legal-disclaimer h3{color:#f44!important;margin-top:0;font-size:1.3rem}.legal-disclaimer p{color:#f44;font-weight:600;font-size:.95rem;margin:0}.blog-page{max-width:1200px;margin:0 auto;padding:2rem;position:relative;z-index:10}.blog-header{text-align:center;margin-bottom:3rem;background:var(--background-glass);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blog-header h1{font-family:var(--font-family-headings);font-size:3rem;color:#f7931a;margin-bottom:1rem;text-shadow:0 0 30px #f7931a,0 0 60px #fff;letter-spacing:.1em}.blog-subtitle{font-size:1.2rem;color:var(--text-color);margin:0}.loading-section,.error-section{background:var(--background-glass);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:2rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:2rem}.error-section{border-color:#f44}.error-section a{color:var(--secondary-color);text-decoration:none}.error-section a:hover{color:var(--primary-color)}.featured-posts{margin-bottom:4rem}.featured-posts h2{font-family:var(--font-family-headings);font-size:2rem;color:var(--primary-color);text-align:center;margin-bottom:2rem}.featured-grid{display:flex;flex-direction:column;gap:2rem;max-width:1000px;margin:0 auto}.featured-post{background:var(--background-glass);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.featured-post:hover{border-color:#f7931a;box-shadow:0 0 25px #f7931a80;transform:translateY(-5px)}.post-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.9rem}.post-date{color:var(--secondary-color);font-weight:600}.post-featured{background:#f7931a;color:#000;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:600;text-transform:uppercase}.featured-post h3{font-family:var(--font-family-headings);font-size:1.3rem;margin-bottom:1rem}.featured-post h3 a{color:var(--primary-color);text-decoration:none;transition:all .3s ease}.featured-post h3 a:hover{color:#f7931a;text-shadow:0 0 15px #f7931a}.post-description{color:var(--text-color);line-height:1.6;margin-bottom:1rem}.post-content{background:#00e5ff1a;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem;margin:1rem 0;font-style:italic;color:var(--text-color);line-height:1.5}.post-actions{text-align:right}.read-more{color:#f7931a;text-decoration:none;font-weight:600;transition:all .3s ease}.read-more:hover{color:var(--primary-color);text-shadow:0 0 10px var(--glow-color-primary)}.all-posts{margin-bottom:4rem}.all-posts h2{font-family:var(--font-family-headings);font-size:2rem;color:var(--primary-color);text-align:center;margin-bottom:2rem}.posts-list{background:var(--background-glass);border:1px solid var(--border-color);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.post-item{border-bottom:1px solid var(--border-color);transition:all .3s ease}.post-item:last-child{border-bottom:none}.post-item:hover{background:#00e5ff0d}.post-summary{padding:1.5rem}.post-summary h3{font-family:var(--font-family-headings);font-size:1.1rem;margin-bottom:.5rem}.post-summary h3 a{color:var(--text-color);text-decoration:none;transition:all .3s ease}.post-summary h3 a:hover{color:var(--primary-color)}.post-summary .post-meta{margin-bottom:.5rem}.post-summary .post-description{margin-bottom:1rem;font-size:.9rem}.read-link{color:var(--secondary-color);text-decoration:none;font-size:.9rem;font-weight:600;transition:all .3s ease}.read-link:hover{color:var(--primary-color)}.blog-info{margin-bottom:2rem}.blog-cta{background:var(--background-glass);border:1px solid #f7931a;border-radius:var(--border-radius);padding:2rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blog-cta h3{font-family:var(--font-family-headings);font-size:1.5rem;color:#f7931a;margin-bottom:1rem}.blog-cta p{margin-bottom:1.5rem;line-height:1.6}.nav-menu-container{position:fixed;bottom:25px;right:25px;z-index:1000;display:flex;flex-direction:column;gap:8px;opacity:0;transform:translate(100px);transition:all .3s ease}.nav-menu-container.visible{opacity:1;transform:translate(0)}.nav-btn{background:var(--background-glass);border:1px solid var(--border-color);color:#fff;font-size:16px;width:45px;height:45px;border-radius:var(--border-radius);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-weight:700}.nav-btn:hover{background:var(--primary-color);color:var(--background-color);box-shadow:0 0 15px var(--glow-color-primary);transform:scale(1.1)}.nav-top{font-size:14px}.nav-up,.nav-down{font-size:12px}.tech-category{margin-bottom:2rem}.tech-grid{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.tech-item{background:var(--background-glass);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.tech-item:hover{border-color:var(--primary-color);box-shadow:0 0 15px var(--glow-color-primary);transform:translateY(-2px)}.tech-item h4{font-family:var(--font-family-headings);color:var(--primary-color);margin-bottom:.5rem;font-size:1.1rem}.tech-item p{margin:0;line-height:1.5;font-size:.95rem;opacity:.9}.philosophy-section{background:var(--background-glass);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:1rem}.philosophy-section h3{font-family:var(--font-family-headings);color:var(--primary-color);margin-bottom:1rem}.philosophy-section ul{list-style:none;padding:0}.philosophy-section li{margin-bottom:.8rem;padding-left:1rem;position:relative}.philosophy-section li:before{content:"▶";color:var(--primary-color);position:absolute;left:0}.philosophy-section strong{color:var(--secondary-color)}.cta-section{background:linear-gradient(135deg,var(--background-glass),rgba(0,229,255,.1));border:1px solid var(--primary-color);border-radius:var(--border-radius);padding:2rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:2rem}.cta-section h3{font-family:var(--font-family-headings);color:var(--primary-color);margin-bottom:1rem;text-shadow:0 0 10px var(--glow-color-primary)}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}@media (max-width: 768px){.tech-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}}.stack-bio-content{max-width:1000px;margin:0 auto}.bio-intro{text-align:center;margin-bottom:3rem}.ideas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.idea-card{background:var(--background-glass);border:1px solid var(--border-color);padding:2rem;border-radius:var(--border-radius);transition:all .3s ease}.idea-card:hover{border-color:gold;transform:translateY(-2px)}.methodology-list{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.method-item{background:var(--background-glass);border:1px solid var(--border-color);padding:2rem;border-radius:var(--border-radius);border-left:4px solid var(--primary-color)}.tech-vision{background:var(--background-glass);border:1px solid var(--border-color);padding:2.5rem;border-radius:var(--border-radius);margin-bottom:3rem}.vision-points ul{list-style:none;padding:0}.vision-points li{background:#ffd7001a;border:1px solid var(--border-color);padding:1rem;margin-bottom:1rem;border-radius:var(--border-radius);border-left:3px solid var(--primary-color)}.beyond-section{margin-bottom:3rem}.project-philosophy{background:var(--background-glass);border:1px solid var(--border-color);padding:2rem;border-radius:var(--border-radius);margin-top:2rem}.project-philosophy blockquote{font-style:italic;font-size:1.2em;color:var(--primary-color);border-left:4px solid var(--primary-color);padding-left:2rem;margin:1rem 0}.connect-section{text-align:center;background:var(--background-glass);border:1px solid var(--border-color);padding:3rem;border-radius:var(--border-radius)}.action-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}@media (max-width: 768px){.ideas-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column;align-items:center}.action-buttons .btn-primary,.action-buttons .btn-secondary{width:100%;max-width:300px}}@media (max-width: 1024px){.footer-content{grid-template-columns:1fr;padding:2rem 1.5rem;text-align:center;gap:2rem}.footer-nav{grid-template-columns:repeat(3,1fr);gap:1.5rem}.categories-grid,.projects-grid,.featured-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:3.5rem}section{padding:1.5em;max-width:90%}}@media (max-width: 768px){main{padding:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:100vw;box-sizing:border-box;overflow-x:hidden}body,.App{overflow-x:hidden;width:100vw}.landing-page{padding:0;overflow-x:hidden;width:100%;max-width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-landing-section{padding:.5rem;margin-bottom:1rem;min-height:100vh;overflow:hidden;justify-content:space-between;gap:1rem}.hero-title{font-size:clamp(1.5rem,6vw,2rem);line-height:1.1;margin-bottom:.5rem}.hero-subtitle{font-size:clamp(.9rem,3vw,1rem);line-height:1.3;margin-bottom:1.5rem}.hero-description{font-size:clamp(.9rem,2.5vw,1rem);line-height:1.5;margin-bottom:1rem;padding:0 .5rem}.hero-actions{flex-direction:column;align-items:stretch;gap:.8rem;padding:0 1rem;width:100%;box-sizing:border-box}.hero-actions .btn-primary,.hero-actions .btn-secondary{width:100%;max-width:100%;flex:none;padding:.8rem 1rem;font-size:.9rem;text-align:center;margin:0}.categories-grid,.projects-grid{gap:var(--space-4);padding:0 var(--space-2)}.featured-section{padding:0 var(--space-2)}.categories-grid,.projects-grid,.featured-grid{grid-template-columns:1fr;gap:var(--space-4)}.category-filters{flex-direction:column;align-items:center;gap:.5rem}.category-filters button{width:100%;max-width:280px}.category-links{grid-template-columns:1fr;gap:.8rem}.sticky-nav{padding:.8rem 1rem;margin-bottom:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}h1{font-size:2.5rem}h2{font-size:1.8rem}section{padding:1rem;margin-bottom:1rem}.categories-section,.featured-projects,.quick-stats{padding:1.5rem .5rem;margin:1.5rem 0}.footer-content{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem .5rem}.footer-nav{grid-template-columns:repeat(2,1fr);gap:1.5rem}.legal-page{padding:.5rem}.legal-content{padding:1.5rem}.legal-header h1{font-size:2rem}.legal-content h2{font-size:1.3rem}.blog-page{padding:.5rem}.blog-header{padding:1rem}.blog-header h1{font-size:2rem}.featured-post{padding:1.5rem}.nav-menu-container{bottom:15px;right:15px}.nav-btn{width:40px;height:40px;font-size:14px}.hamburger-menu{top:10px;right:10px}.menu-drawer{width:80vw}.lucas-name{font-size:1.8rem}.lucas-titles{font-size:1.1rem}.hero-logo{width:180px}}@media (max-width: 480px){.App-header{padding:.3rem}.header-content h1{font-size:.9rem}.App-header h2,.App-header h3,.App-header h4{font-size:.6rem}.logo{height:30px;width:30px}main{padding:.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:100vw;box-sizing:border-box;overflow-x:hidden}body,.App{overflow-x:hidden;width:100vw}section{padding:.75rem;margin-bottom:.75rem}.hero-landing-section{padding:.5rem;justify-content:space-between;gap:.5rem}.hero-title{font-size:1.5rem}.hero-subtitle,.hero-description{font-size:.9rem}.lucas-name{font-size:1.5rem}.lucas-titles{font-size:1rem}.hero-logo{width:150px}h1{font-size:2rem}h2,.categories-section h2,.featured-projects h2,.quick-stats h2{font-size:1.5rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1.5rem}.stat-card h3{font-size:2rem}.project-card,.category-card,.featured-card{padding:.75rem}.category-card h3,.featured-card h3{font-size:1.3rem}.category-icon{width:60px;height:60px;font-size:2.5rem}.project-icon{width:50px;height:50px;font-size:1.2rem}.footer-content{text-align:center;padding:1rem .25rem}.footer-nav{grid-template-columns:1fr;gap:1.5rem}.footer-section{text-align:center}.footer-section h4{text-align:center;margin-bottom:.8rem}.menu-drawer{width:100vw}.btn-primary,.btn-secondary{padding:.8rem 1.5rem;font-size:.9rem}.tech-grid{gap:1rem}.tech-item{padding:1rem}.cta-buttons{flex-direction:column;align-items:center;gap:.8rem}.spacing-section{height:20vh;margin:1rem 0}.categories-section,.featured-projects,.quick-stats,.life-counter-section,#quotes{padding:1.5rem 1rem;margin:1rem auto;width:100%;max-width:100%;box-sizing:border-box}.categories-grid,.featured-grid,.stats-grid,.life-counter-grid,.quote-container{padding:0 .5rem;max-width:100%;overflow-x:hidden;width:100%;margin:0 auto;box-sizing:border-box}.category-card,.featured-card{max-width:100%;padding:1rem .8rem;margin:0 auto;box-sizing:border-box;width:100%}.stat-card{padding:1.5rem 1rem;box-sizing:border-box;max-width:100%;width:100%;margin:0 auto}.quote-card{padding:1rem;margin-bottom:1.5rem;max-width:100%;box-sizing:border-box;width:100%;margin-left:auto;margin-right:auto}.life-counter-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 .5rem;width:100%;justify-items:center}.life-counter-card{padding:1.5rem 1rem;width:100%;max-width:100%;margin:0 auto;box-sizing:border-box}.stats-grid{grid-template-columns:1fr 1fr;gap:1rem;padding:0 .5rem;width:100%;justify-items:center}}@media (orientation: landscape) and (max-height: 500px){.header-height{--header-height: 80px}.hamburger-menu{top:10px}}.landing-page.light-text{color:#fff}.landing-page.light-text .hero-title,.landing-page.light-text .categories-section h2,.landing-page.light-text .featured-projects h2,.landing-page.light-text .quick-stats h2,.landing-page.light-text .life-counter-section h2{color:var(--primary-color);text-shadow:2px 2px 4px rgba(0,0,0,.8)}.landing-page.light-text .hero-subtitle{color:var(--secondary-color);text-shadow:1px 1px 3px rgba(0,0,0,.7)}.landing-page.light-text .hero-description,.landing-page.light-text .category-card,.landing-page.light-text .featured-card,.landing-page.light-text .stat-card{color:#ffffffe6;text-shadow:1px 1px 2px rgba(0,0,0,.6)}.landing-page.dark-text{color:var(--text-primary)}.landing-page.dark-text .hero-title,.landing-page.dark-text .categories-section h2,.landing-page.dark-text .featured-projects h2,.landing-page.dark-text .quick-stats h2,.landing-page.dark-text .life-counter-section h2{color:var(--primary-color)}.landing-page.dark-text .hero-subtitle{color:var(--secondary-color)}.categories-section,.featured-projects,.quick-stats{padding:4rem 2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);margin:4rem auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;width:100%;max-width:1200px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}@media (max-width: 768px){.hero-landing-section{padding:1rem;justify-content:space-between;gap:1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.spacing-section{height:20vh;margin:1.5rem 0}.scroll-indicator{bottom:.5rem}.arrow-container{width:2rem;height:2rem}.drop-arrow{width:1rem;height:1rem}.categories-section,.featured-projects,.quick-stats{padding:2rem 1rem;margin:2rem 0}}#quotes{margin:2rem 0;padding:2rem 0;background:#ffffff05;border:1px solid rgba(255,215,0,.2);border-radius:0;border-left:none;border-right:none;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}#quotes:hover{background:#ffffff0a;border-color:var(--primary-color);box-shadow:0 2px 12px #ffd70026}#quotes{width:100%;max-width:1200px;margin:2rem auto;padding:2rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#quotes .quote-container{max-width:1000px;margin:0 auto;padding:0 1rem;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.quote-label{font-size:1rem;color:var(--primary-color);font-weight:700;margin-bottom:.5rem;text-align:center}.quote-card{margin-bottom:2rem;padding:1.5rem;background:#ffffff05;border:1px solid rgba(255,215,0,.2);border-radius:var(--border-radius);transition:all .3s ease;width:100%;max-width:900px;margin-left:auto;margin-right:auto;box-sizing:border-box}.quote-card:hover{background:#ffffff0a;border-color:var(--primary-color);box-shadow:0 2px 12px #ffd70026}.quote-card:last-child{margin-bottom:0}.quote-header{text-align:center;margin-bottom:1.5rem}.quote-header h3{font-size:1.5rem;color:var(--primary-color);margin:0;font-weight:700}.primary-quote{text-align:center;margin-bottom:1.5rem;padding:1rem;background:#ffd7000d;border-radius:var(--border-radius);border-left:4px solid var(--primary-color)}.primary-quote blockquote{font-size:1.1rem;font-style:italic;color:var(--primary-color);line-height:1.6;margin:0 0 .5rem;font-weight:500}.primary-quote cite{display:block;color:var(--primary-color);font-weight:700;font-size:.9rem;opacity:.9}.quote-details{display:flex;flex-direction:column;gap:1rem}.detail-section h4{color:var(--primary-color);font-size:1rem;font-weight:700;margin:0 0 .5rem;text-align:center}.detail-section p{color:#fff;font-size:.95rem;line-height:1.5;margin:0}.detail-section ul{color:#ccc;font-size:.95rem;line-height:1.5;padding-left:1.2rem;margin:0 0 .5rem}.detail-section ul li{margin-bottom:.2rem}.comparison-table{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;background:#2d2d2d4d;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem;font-size:.9rem;line-height:1.4}.table-header{font-weight:700;color:var(--primary-color);padding-bottom:.5rem;border-bottom:1px solid rgba(255,215,0,.3)}.comparison-table>div:not(.table-header){color:#fff;padding:.3rem 0}.reflection-text{font-style:italic;opacity:.9}.misquote-section{margin-bottom:1rem;padding:1rem;background:#ff00000d;border-radius:var(--border-radius);border-left:4px solid #ff6b6b}.misquote-label{color:#ff6b6b!important;font-size:1rem;margin-bottom:.5rem;font-weight:700;text-align:center}.misquote-section blockquote{font-size:1rem;font-style:italic;color:#fff;line-height:1.5;margin:.5rem 0}.misquote-attribution{color:#ff6b6b;font-weight:700;display:block;margin-bottom:.5rem}.correct-quote-section{margin-bottom:1rem;padding:1rem;background:#00ff000d;border-radius:var(--border-radius);border-left:4px solid #4ade80}.correct-label{color:#4ade80!important;font-size:1rem;margin-bottom:.5rem;font-weight:700;text-align:center}.correct-quote-section blockquote{font-size:1rem;font-style:italic;color:#fff;line-height:1.5;margin:.5rem 0}.correct-attribution{color:#4ade80;font-weight:700;display:block;margin-bottom:.5rem}.interpretation-section{padding:1rem;background:#ffd7000d;border-radius:var(--border-radius);border-left:4px solid var(--primary-color)}.interpretation-section h4{color:var(--primary-color)!important;text-align:center}.key-message{font-size:1rem!important;font-weight:700!important;color:var(--primary-color)!important;text-align:center!important;line-height:1.5!important;margin:.5rem 0 0!important}@media (max-width: 768px){.quote-card{padding:1rem;margin-bottom:1.5rem}.quote-header h3{font-size:1.2rem}.primary-quote{padding:.8rem}.primary-quote blockquote{font-size:1rem}.comparison-table{grid-template-columns:1fr;gap:.3rem;font-size:.85rem}.table-header{background:#ffd7001a;padding:.5rem;border-radius:4px;margin-bottom:.3rem}}.life-counter-section{margin:2rem auto;padding:2rem 1rem;background:#ffffff05;border:1px solid rgba(255,215,0,.2);border-radius:0;border-left:none;border-right:none;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:1200px;box-sizing:border-box}.life-counter-section:hover{background:#ffffff0a;border-color:var(--primary-color);box-shadow:0 2px 12px #ffd70026}.life-counter-section h2{text-align:center;font-size:2.5rem;color:var(--primary-color);margin:0 0 3rem;font-weight:700}.life-counter-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:stretch;max-width:1000px;margin:0 auto;padding:0 1rem;width:100%;justify-content:center;place-items:center;justify-items:center}.life-counter-card{background:#ffffff08;border:2px solid var(--primary-color);border-radius:var(--border-radius);padding:2rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden;width:100%;max-width:450px;margin:0 auto}.life-counter-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent);transition:left 3s ease}.life-counter-card:hover:before{left:100%}.life-counter-card.lived{border-left:5px solid #4ade80}.life-counter-card.remaining{border-left:5px solid #f59e0b}.life-counter-card h3{font-size:1.8rem;color:var(--primary-color);margin-bottom:.5rem;font-weight:700}.life-date{color:#ccc;font-size:1rem;margin-bottom:1.5rem;font-style:italic}.life-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.life-stat{display:flex;flex-direction:column;align-items:center;min-width:60px}.life-number{font-size:2rem;font-weight:700;color:var(--primary-color);text-shadow:0 0 5px rgba(255,215,0,.3);transition:all .3s ease}.life-label{font-size:.9rem;color:#fff;margin-top:.2rem;text-transform:uppercase;letter-spacing:.5px}.life-counter-card.remaining .life-number{animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.adoption-disclaimer{color:#ccc;font-size:.9rem;margin:.5rem 0 1rem;font-style:italic;line-height:1.4;padding:.5rem;background:#ffd7001a;border-left:3px solid var(--primary-color);border-radius:4px}.adoption-disclaimer strong{color:var(--primary-color)}.quote-link-container{margin:1.5rem 0 1rem;padding:.75rem;background:#ffd7000d;border:1px solid rgba(255,215,0,.2);border-radius:8px;text-align:center}.quote-inspiration-link{color:var(--primary-color);text-decoration:none;font-size:.95rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;line-height:1.3}.quote-inspiration-link:hover{color:#fff;text-shadow:0 0 8px var(--primary-color);transform:translateY(-1px)}.life-disclaimer{color:#999;font-size:.8rem;margin:1rem 0 0;font-style:italic;text-align:center;opacity:.8;font-weight:700}@media (max-width: 768px){.life-counter-section{margin:2rem 1rem;padding:1.5rem 1rem}.life-counter-section h2{font-size:2rem;margin-bottom:1.5rem}.life-counter-grid{grid-template-columns:1fr;gap:1.5rem}.life-counter-card{padding:1.5rem 1rem}.life-counter-card h3{font-size:1.5rem}.life-stats{gap:.8rem}.life-stat{min-width:50px}.life-number{font-size:1.5rem}.life-label{font-size:.8rem}.adoption-disclaimer{font-size:.8rem;margin:.5rem 0 1rem;padding:.4rem}.quote-inspiration-link{font-size:.85rem;line-height:1.2}.life-disclaimer{font-size:.75rem}}.digital-rain-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-10;opacity:.5;pointer-events:none}.demo-chat-container{background:var(--bg-color);border:2px solid var(--primary-color);border-radius:12px;padding:1.5rem;margin:2rem 0;box-shadow:0 8px 32px #0f03;animation:demo-glow 3s ease-in-out infinite alternate}@keyframes demo-glow{0%{box-shadow:0 8px 32px #0f03}to{box-shadow:0 12px 48px #0f06}}.demo-chat-header{text-align:center;border-bottom:1px solid var(--primary-color);padding-bottom:1rem;margin-bottom:1.5rem}.demo-chat-header h3{color:var(--primary-color);margin:0 0 .5rem;font-size:1.5rem;text-shadow:0 0 10px rgba(0,255,0,.5)}.demo-chat-header p{color:var(--text-color);margin:.5rem 0;font-size:1.1rem;font-weight:500}.demo-stats{display:flex;justify-content:center;gap:1rem;margin-top:.75rem;font-size:.9rem;color:var(--text-muted)}.demo-messages{max-height:400px;overflow-y:auto;margin-bottom:1.5rem;padding:.5rem;background:#00ff0005;border-radius:8px;border:1px solid rgba(0,255,0,.1)}.demo-message{margin-bottom:1rem;padding:.75rem;background:#00ff000d;border-radius:8px;border-left:3px solid var(--primary-color);transition:all .3s ease}.demo-message:hover{background:#00ff0014;transform:translate(2px)}.message-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.message-user{color:var(--primary-color);font-weight:700;font-size:.9rem;text-shadow:0 0 5px rgba(0,255,0,.3)}.message-time{color:var(--text-muted);font-size:.8rem}.message-category{padding:.2rem .5rem;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.message-category.crypto{background:linear-gradient(45deg,#f7931e,#ff6b35);color:#fff}.message-category.tech{background:linear-gradient(45deg,#4a90e2,#357abd);color:#fff}.message-category.business{background:linear-gradient(45deg,#50c878,#3cb371);color:#fff}.message-category.wayne-enterprise{background:linear-gradient(45deg,#1a1a1a,#333);color:var(--primary-color);border:1px solid var(--primary-color)}.message-category.philosophy{background:linear-gradient(45deg,#9b59b6,#8e44ad);color:#fff}.message-category.science{background:linear-gradient(45deg,#e74c3c,#c0392b);color:#fff}.message-category.communication{background:linear-gradient(45deg,#2ecc71,#27ae60);color:#fff}.message-category.inspiration{background:linear-gradient(45deg,#f39c12,#e67e22);color:#fff}.message-category.technical{background:linear-gradient(45deg,#34495e,#2c3e50);color:#fff}.message-category.wayne-culture,.message-category.demo{background:var(--primary-color);color:var(--bg-color);animation:demo-badge 2s ease-in-out infinite alternate}@keyframes demo-badge{0%{box-shadow:0 0 5px #00ff0080}to{box-shadow:0 0 15px #0f0c}}.message-text{color:var(--text-color);line-height:1.5;font-size:.95rem}.demo-input-section{background:linear-gradient(135deg,#00ff001a,#00c8000d);border:1px solid rgba(0,255,0,.3);border-radius:8px;padding:1.5rem}.input-header{text-align:center;margin-bottom:1rem}.input-header h4{color:var(--primary-color);margin:0 0 .5rem;font-size:1.2rem}.input-header p{color:var(--text-color);margin:0;font-size:.95rem}.message-selector{width:100%;padding:.75rem;margin-bottom:1rem;background:var(--bg-color);border:2px solid var(--primary-color);border-radius:6px;color:var(--text-color);font-family:Courier New,monospace;font-size:.9rem;transition:all .3s ease}.message-selector:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 15px #00ff004d}.message-selector option{background:var(--bg-color);color:var(--text-color);padding:.5rem}.demo-send-button{width:100%;padding:.75rem 1.5rem;background:linear-gradient(45deg,var(--primary-color),#00cc00);color:var(--bg-color);border:none;border-radius:6px;font-family:Courier New,monospace;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.demo-send-button:hover:not(:disabled){background:linear-gradient(45deg,#00cc00,var(--primary-color));box-shadow:0 0 20px #00ff0080;transform:translateY(-2px)}.demo-send-button:disabled{background:#666;color:#999;cursor:not-allowed;transform:none;box-shadow:none}.demo-info{background:#0000004d;border:1px solid rgba(0,255,0,.2);border-radius:6px;padding:1rem}.demo-info p{margin:0;font-size:.85rem;line-height:1.6;color:var(--text-muted)}.demo-info strong{color:var(--primary-color)}.demo-messages::-webkit-scrollbar{width:6px}.demo-messages::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.demo-messages::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.demo-messages::-webkit-scrollbar-thumb:hover{background:#0c0}@media (max-width: 768px){.demo-chat-container{padding:1rem;margin:1rem 0}.demo-stats{flex-direction:column;gap:.25rem}.message-header{flex-direction:column;align-items:flex-start;gap:.25rem}.demo-messages{max-height:300px}.demo-input-section{padding:1rem}}.demo-message{animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.projects-section h2{text-align:center;margin-bottom:1.5em}.project-grid{display:flex;flex-wrap:wrap;gap:1em;justify-content:center;margin-bottom:2em}.project-card{background:var(--background-glass);border:1px solid var(--border-color);padding:1em 2em;border-radius:var(--border-radius);color:var(--text-color);text-decoration:none;font-family:var(--font-family-headings);transition:all .3s ease}.project-card:hover{border-color:gold;transform:translateY(-2px)}.page-control{position:fixed;bottom:2rem;right:2rem;z-index:1000;display:flex;flex-direction:column;align-items:center;gap:.75rem}.control-btn{width:37.5px;height:37.5px;border-radius:50%;border:2px solid var(--primary-color);background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--primary-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px #0003;font-size:14px;font-weight:700}.control-btn:hover{background:var(--primary-color);color:var(--background-color);transform:scale(1.1);box-shadow:0 6px 20px #ffa50066}.main-btn{border-width:3px;box-shadow:0 6px 20px #0000004d;width:37.5px!important;height:37.5px!important;font-size:14px}.main-btn.expanded{background:var(--primary-color);color:var(--background-color);transform:rotate(180deg)}.control-buttons{display:flex;flex-direction:column;gap:.5rem;animation:slideUp .3s ease}.scroll-up:hover{transform:scale(1.1) translateY(-2px)}.scroll-down:hover{transform:scale(1.1) translateY(2px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.page-control{bottom:1rem;right:1rem}.control-btn{width:35px;height:35px;font-size:12px}.control-btn svg{width:16px;height:16px}}@media (max-width: 480px){.page-control{bottom:.75rem;right:.75rem}.control-btn{width:30px;height:30px;font-size:10px}.control-btn svg{width:14px;height:14px}}.home-snap-menu{position:fixed!important;top:10px!important;left:10px!important;z-index:99999!important;display:flex;flex-direction:column;align-items:flex-start;pointer-events:auto}.snap-toggle{width:25px;height:25px;border:none;background:transparent;cursor:pointer;position:relative;transition:all .3s ease;padding:0;margin:0;outline:none;order:1}.triangle-shape{width:0;height:0;border-left:12.5px solid transparent;border-right:12.5px solid transparent;border-top:22px solid #FFD700;position:relative;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:all .3s ease}.triangle-shape:hover{filter:drop-shadow(0 3px 6px rgba(255,165,0,.5))}.triangle-icon{position:absolute;top:-18px;left:-4px;color:#000;font-size:10px;font-weight:900;transition:transform .3s ease;text-shadow:0 0 1px rgba(255,255,255,.8)}.snap-toggle.expanded .triangle-shape{border-top-color:var(--secondary-color);transform:rotate(180deg)}.snap-toggle.expanded .triangle-icon{transform:rotate(180deg)}.snap-menu-items{display:flex;flex-direction:column;gap:.5rem;animation:slideDown .3s ease;background:transparent;pointer-events:auto;order:2;margin-top:1rem}.snap-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--background-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--primary-color);border-radius:25px;color:var(--primary-color);cursor:pointer;transition:all .3s ease;min-width:140px;justify-content:flex-start;box-shadow:0 4px 15px #0003}.snap-item:hover{background:var(--primary-color);color:var(--background-color);transform:translate(5px) scale(1.05);box-shadow:0 6px 20px #ffa50066}.snap-icon{font-size:18px;min-width:20px;text-align:center}.snap-name{font-weight:500;font-size:14px}.snap-item-1{animation-delay:.1s}.snap-item-2{animation-delay:.15s}.snap-item-3{animation-delay:.2s}.snap-item-4{animation-delay:.25s}.snap-item-5{animation-delay:.3s}.snap-item-6{animation-delay:.35s}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.home-snap-menu{top:.625rem!important;left:.625rem!important}.triangle-shape{border-left-width:10px;border-right-width:10px;border-top-width:18px}.triangle-icon{top:-15px;left:-3px;font-size:8px;font-weight:900;text-shadow:0 0 1px rgba(255,255,255,.8)}.snap-item{padding:.6rem .8rem;min-width:120px}.snap-icon{font-size:16px}.snap-name{font-size:13px}}@media (max-width: 480px){.home-snap-menu{top:.625rem!important;left:.625rem!important}.triangle-shape{border-left-width:8px;border-right-width:8px;border-top-width:15px}.triangle-icon{top:-12px;left:-2px;font-size:7px;font-weight:900;text-shadow:0 0 1px rgba(255,255,255,.8)}.snap-item{padding:.5rem .7rem;min-width:100px;gap:.5rem}}