@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}}*{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);--header-height: 120px;--footer-height: 60px;--border-radius: 8px;--font-family-headings: "Arial", "Helvetica", sans-serif;--font-family-body: "Arial", "Helvetica", sans-serif}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:16px;line-height:1.6}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}.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}}.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}.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: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}.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:2.5rem;color:var(--primary-color);margin:0 0 3rem;font-weight:700}.categories-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}.category-card{background:var(--background-glass);border:1px solid var(--border-color);padding:2rem 3rem;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);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;min-height:120px;width:100%;max-width:900px;margin:0 auto}.category-card:hover{border-color:gold;transform:translateY(-2px)}.category-card:hover h3,.category-card:hover p,.category-card:hover .project-count{color:var(--text-color)}.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);padding:2rem 3rem;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:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem;min-height:100px;width:100%;max-width:900px;margin:0 auto}.featured-card:hover{border-color:gold;transform:translateY(-2px)}.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:gold;transform:translateY(-2px)}.featured-content{display:flex;flex-direction:column;gap:.5rem}.featured-card h3{font-family:var(--font-family-headings);font-size:2rem;color:var(--primary-color);margin:0;transition:all .3s ease}.featured-card.primary h3{font-size:2.2rem;text-shadow:0 0 15px var(--glow-color-primary)}.featured-card p{margin:0;line-height:1.6;font-size:1.2rem;opacity:.9}.status{padding:.6rem 1.2rem;border-radius:25px;font-size:1rem;font-weight:600;text-transform:uppercase;border:1px solid;white-space:nowrap;transition:all .3s ease}.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(200px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto;padding:0 1rem;width:100%;justify-content:center;place-items:center;justify-items:center}.stat-card{background:#2d2d2df2;border:1px solid var(--border-color);padding:2rem;border-radius:var(--border-radius);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;width:100%;max-width:250px;margin:0 auto}.stat-card:hover{border-color:gold;transform:translateY(-2px);background:#2d2d2d}.stat-card h3{font-family:var(--font-family-headings);font-size:2.5rem;color:var(--primary-color);margin-bottom:.5rem;transition:all .3s ease}.stat-card p{color:var(--text-color);font-weight:600;margin:0;font-size:1.1rem}.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:2rem;margin-top:3rem;max-width:1000px;margin-left:auto;margin-right:auto}.project-card{background:var(--background-glass);border:1px solid var(--border-color);padding:2rem 3rem;border-radius:var(--border-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;min-height:100px}.project-card:hover h3,.project-card:hover .project-domain,.project-card:hover .project-description{color:var(--text-color)}.project-card.future{border-color:#666;opacity:.8}.project-icon{width:60px;height:60px;background:var(--card-bg);border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--secondary-color);transition:all .3s ease}.project-card:hover .project-icon{border-color:gold}.project-main{display:flex;flex-direction:column;gap:.5rem}.project-header{display:flex;flex-direction:column;gap:.3rem;margin:0}.project-header h3{font-family:var(--font-family-headings);font-size:1.8rem;color:var(--primary-color);margin:0;transition:all .3s ease}.project-domain{color:var(--secondary-color);font-weight:600;font-family:monospace;font-size:1rem;transition:all .3s ease}.project-description{line-height:1.5;font-size:1.1rem;margin:0;opacity:.9}.project-side{display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.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}.category-card,.featured-card,.project-card{grid-template-columns:1fr;text-align:center;gap:.8rem;padding:1rem;margin:0 5px;box-sizing:border-box;max-width:calc(100% - 10px)}.category-card .category-content,.featured-card .featured-content,.project-card .project-main{order:1}.category-card .project-count,.featured-card .status,.project-card .project-side{order:2;text-align:center}.category-card .category-icon,.project-card .project-icon{order:0;margin:0 auto 1rem}.categories-grid,.projects-grid,.featured-grid{grid-template-columns:1fr;gap:1rem}.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}}@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}}.digital-rain-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-10;opacity:.5;pointer-events:none}.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}}