.theme-toggle{position:relative;width:36px;height:36px;border-radius:var(--radius-full);border:1px solid var(--border);background:#06b6d40f;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:1.15rem;transition:var(--transition);overflow:hidden;flex-shrink:0}.theme-toggle:hover{color:var(--primary-light);background:#06b6d41f;border-color:var(--border-accent);box-shadow:0 0 16px #06b6d426;transform:scale(1.08)}.theme-icon{position:absolute;display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;opacity:0;transform:scale(.5) rotate(-90deg)}.theme-icon.show{opacity:1;transform:scale(1) rotate(0)}.nav-toggle{z-index:300}.nav-logo img{height:42px;width:auto;filter:var(--logo-filter) drop-shadow(0 0 6px rgba(6,182,212,.35));transition:var(--transition)}.nav-logo:hover img{filter:var(--logo-filter) drop-shadow(0 0 12px rgba(6,182,212,.6))}.navbar-inner .theme-toggle{margin-left:.25rem}@media(max-width:768px){.navbar-inner{gap:.5rem}.navbar-inner .theme-toggle{order:2;margin-left:auto}.nav-toggle{order:3}}.hero{position:relative;overflow:hidden;padding:4rem 2rem 5rem}.hero-bg-orbs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.orb{position:absolute;border-radius:50%;filter:blur(100px);animation:float 10s ease-in-out infinite}.orb-1{width:500px;height:500px;background:var(--glow-1);top:-150px;left:-150px;animation-delay:0s}.orb-2{width:350px;height:350px;background:var(--glow-2);top:40%;right:-100px;animation-delay:3s}.orb-3{width:280px;height:280px;background:var(--glow-2);bottom:-80px;left:25%;animation-delay:6s}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-25px) scale(1.03)}}.hero-inner{position:relative;z-index:1;max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:5rem;width:100%;overflow:hidden}.hero-image-wrapper{position:relative;flex-shrink:0}.hero-image-glow{position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:var(--radius-xl);background:var(--gradient-1);opacity:.15;filter:blur(40px);z-index:0}.hero-image{position:relative;z-index:1;width:340px;height:420px;object-fit:cover;border-radius:var(--radius-xl);border:2px solid var(--border-accent);box-shadow:var(--shadow-lg),0 0 60px #06b6d414}.hero-content{flex:1;min-width:0;max-width:100%}.hero-greeting{font-size:.9rem;color:var(--accent);font-weight:600;margin-bottom:.5rem;letter-spacing:2px;text-transform:uppercase}.hero-name{font-family:var(--font-display);font-size:3.75rem;font-weight:800;line-height:1.05;margin-bottom:.75rem;background:linear-gradient(135deg,var(--text-primary) 40%,var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.hero-name-accent{background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-tagline{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1.5rem;font-weight:400;letter-spacing:.3px}.hero-description{font-size:.95rem;color:var(--text-muted);line-height:1.8;margin-bottom:2rem;max-width:540px}.hero-socials{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2.25rem}.social-link{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);transition:var(--transition)}.social-link:hover{background:var(--primary);color:var(--bg-primary);border-color:var(--primary);box-shadow:0 4px 20px #06b6d459;transform:translateY(-2px)}.hero-cta{display:flex;gap:.75rem}.btn-primary{padding:.7rem 1.75rem;border-radius:var(--radius-full);font-weight:600;font-size:.9rem;background:var(--gradient-1);color:var(--bg-primary);transition:var(--transition);box-shadow:0 4px 20px #06b6d440;letter-spacing:.3px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #06b6d459}.btn-outline{padding:.7rem 1.75rem;border-radius:var(--radius-full);font-weight:600;font-size:.9rem;color:var(--primary-light);border:1.5px solid var(--border-accent);transition:var(--transition);letter-spacing:.3px}.btn-outline:hover{background:#06b6d414;border-color:var(--primary);transform:translateY(-2px)}.stats-section{padding:2rem 0 4rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.stat-card{text-align:center;padding:2rem 1rem;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:3px;background:var(--gradient-1);border-radius:var(--radius-full);opacity:0;transition:var(--transition)}.stat-card:hover:after{opacity:1;width:60px}.stat-number{display:block;font-family:var(--font-display);font-size:2.75rem;font-weight:800;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem;letter-spacing:-1px}.stat-label{font-size:.85rem;color:var(--text-muted);font-weight:500;letter-spacing:.5px}@media(max-width:900px){.hero-inner{flex-direction:column;text-align:center;gap:2.5rem}.hero-image{width:260px;height:320px}.hero-name{font-size:2.75rem}.hero-description{max-width:100%}.hero-socials,.hero-cta{justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.hero{padding:2rem 1rem 3rem}.hero-name{font-size:2.25rem}.hero-image{width:220px;height:280px}.hero-socials{justify-content:center}.hero-tagline{font-size:1rem;word-break:break-word}.stats-grid{grid-template-columns:1fr 1fr;gap:.75rem}.hero-cta{flex-direction:column;align-items:stretch;width:60%;margin:0 auto}.hero-cta .btn-primary,.hero-cta .btn-outline{text-align:center;width:100%}}.edu-timeline{position:relative;max-width:800px;margin:0 auto}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--primary),var(--accent),transparent);transform:translate(-50%);opacity:.25}.edu-card{position:relative;margin-bottom:2.5rem;padding:2.75rem 2rem 2rem;border-left:3px solid transparent;transition:border-color .3s ease}.edu-card:hover{border-left-color:var(--primary)}.edu-dot{position:absolute;left:50%;top:1.5rem;transform:translate(-50%);width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff;box-shadow:0 0 24px var(--border-accent);z-index:2;margin-bottom:.5rem}.edu-card-content{display:flex;align-items:center;gap:2rem}.edu-info{flex:1}.edu-period{font-family:var(--font-display);font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px}.edu-degree{font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--text-primary);margin:.5rem 0 .25rem}.edu-institution{font-size:.95rem;color:var(--text-muted);font-weight:400}.edu-image-wrapper{flex-shrink:0}.edu-image{width:76px;height:76px;object-fit:contain;border-radius:var(--radius-md);background:var(--bg-card);padding:.5rem;border:1px solid var(--border);transition:var(--transition)}.edu-card:hover .edu-image{border-color:var(--border-accent);box-shadow:0 0 16px #06b6d41a}@media(max-width:768px){.timeline-line{left:24px}.edu-dot{left:24px;top:1.5rem;width:36px;height:36px;font-size:.9rem}.edu-card{margin-left:3rem;padding:2rem 1.5rem 1.5rem;border-left:3px solid transparent}.edu-card-content{flex-direction:column-reverse;align-items:flex-start;gap:1rem}.edu-image{width:56px;height:56px}.edu-degree{font-size:1.15rem}}.exp-card{max-width:800px;margin:0 auto;padding:2.5rem;position:relative;border-left:3px solid var(--primary)}.exp-logo{position:absolute;right:1.5rem;top:1.5rem;width:80px;height:auto;object-fit:contain;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#ffffff08}.exp-header{display:flex;align-items:flex-start;gap:1.25rem;margin-bottom:1.5rem}.exp-icon-box{width:48px;height:48px;flex-shrink:0;border-radius:var(--radius-md);background:var(--gradient-1);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--bg-primary);box-shadow:0 6px 20px #06b6d440}.exp-period{font-size:.8rem;color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:1.5px}.exp-role{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:.25rem 0}.exp-company{font-size:.95rem;color:var(--text-muted);font-weight:400}.exp-description{color:var(--text-secondary);line-height:1.8;margin-bottom:2rem;font-size:.92rem}.exp-research-title{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--primary-light);margin-bottom:1.25rem}.exp-research-icon{color:var(--accent)}.research-list{display:flex;flex-direction:column;gap:.75rem}.research-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition)}.research-item:hover{border-color:var(--border-accent);background:var(--bg-card-hover);transform:translate(4px)}.research-number{font-family:var(--font-display);font-size:1.4rem;font-weight:800;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0;line-height:1.4}.research-item p{color:var(--text-secondary);font-size:.92rem;line-height:1.6}@media(max-width:768px){.exp-card{padding:1.5rem}.exp-role{font-size:1.2rem}}@media(max-width:480px){.exp-logo{display:none}}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.project-card-link{text-decoration:none;color:inherit;display:block}.project-card-link:hover .project-card{transform:translateY(-3px);box-shadow:var(--shadow-glow)}.project-card{position:relative;overflow:hidden;padding:0;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.project-accent-bar{height:3px;width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;opacity:.8}.project-card-body{padding:1.5rem 1.75rem;flex:1;display:flex;flex-direction:column}.project-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.project-title{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--text-primary);line-height:1.3}.justify-text{text-align:justify}.project-link-icon{flex-shrink:0;color:var(--text-muted);font-size:.8rem;margin-top:.3rem;transition:var(--transition)}.project-card:hover .project-link-icon{color:var(--primary-light);transform:translate(2px,-2px)}.project-description{color:var(--text-muted);font-size:.88rem;line-height:1.7;flex:1;margin-bottom:1.25rem}.project-tech{display:flex;flex-wrap:wrap;gap:.4rem}.tech-pill{font-size:.72rem;font-weight:600;padding:.25rem .65rem;border-radius:var(--radius-full);border:1px solid;background:var(--bg-card);letter-spacing:.3px;transition:var(--transition)}.project-card:hover .tech-pill{background:var(--bg-card-hover)}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;align-items:stretch}.skill-category-card{padding:2rem;min-height:300px;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;border-left:3px solid var(--primary)}.skill-category-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--primary-light);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border);letter-spacing:.3px}.skill-icons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem}.skill-icon-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem .5rem;border-radius:var(--radius-md);transition:var(--transition);cursor:pointer;border:1px solid transparent}.skill-icon-item:hover{background:var(--bg-card-hover);border-color:var(--border-accent);transform:translateY(-3px)}.skill-icon-item img{width:38px;height:38px;object-fit:contain;transition:var(--transition)}.skill-icon-item:hover img{transform:scale(1.15);filter:drop-shadow(0 4px 12px rgba(6,182,212,.25))}.skill-name{font-size:.68rem;color:var(--text-muted);font-weight:500;text-align:center;transition:var(--transition);letter-spacing:.3px}.skill-icon-item:hover .skill-name{color:var(--text-primary)}@media(max-width:768px){.skills-grid{grid-template-columns:1fr}.skill-icons-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}}.contact-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:1.5rem;max-width:900px;margin:0 auto}.contact-info{position:relative;overflow:hidden;padding:2.5rem 2rem;display:flex;flex-direction:column;justify-content:center;border-left:3px solid var(--primary)}.contact-info-title{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.contact-info-text{color:var(--text-muted);font-size:.92rem;line-height:1.7;margin-bottom:2rem}.contact-details{display:flex;flex-direction:column;gap:1.25rem}.contact-detail-item{display:flex;flex-direction:column;gap:.2rem}.contact-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent)}.contact-value{font-size:.92rem;color:var(--text-secondary)}.contact-decor{position:absolute;top:0;right:0;bottom:0;width:100%;pointer-events:none;overflow:hidden}.decor-circle{position:absolute;border-radius:50%;opacity:.06}.decor-1{width:200px;height:200px;background:var(--primary);top:-60px;right:-60px}.decor-2{width:150px;height:150px;background:var(--accent);bottom:-40px;right:30px}.contact-form{padding:2.5rem 2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.75rem;font-weight:600;color:var(--text-muted);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:1px}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-primary);font-size:.92rem;transition:var(--transition);outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #06b6d41a}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.85rem 2rem;border:none;border-radius:var(--radius-full);font-family:var(--font-primary);font-size:.95rem;font-weight:600;color:var(--bg-primary);background:var(--gradient-1);cursor:pointer;transition:var(--transition);box-shadow:0 4px 20px #06b6d440;letter-spacing:.3px}.submit-btn:hover{box-shadow:0 8px 30px #06b6d459;transform:translateY(-1px)}.submit-btn.sending{opacity:.7;cursor:wait}.submit-btn.sent{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 20px #10b9814d}.submit-btn.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 20px #ef44444d;font-size:.82rem}@media(max-width:768px){.contact-layout,.form-row{grid-template-columns:1fr}.contact-form{padding:1.5rem}}.research-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.research-paper{padding:2rem;min-width:340px;min-height:160px;display:flex;flex-direction:column;gap:1rem;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.paper-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--primary-light);margin:0 0 .5rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem}.title-link-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;color:var(--accent);font-size:.85rem;margin-left:8px;background:transparent;border:1px solid var(--border);transition:transform .15s ease,color .15s ease}.title-link-icon:hover{transform:translateY(-2px);color:var(--accent-light)}.research-card-link{display:block;color:inherit;text-decoration:none}.research-card-link .research-paper{transition:transform .2s ease,box-shadow .2s ease}.research-card-link:hover .research-paper{transform:translateY(-4px);box-shadow:var(--shadow-glow);border-color:var(--border-accent);border-left-color:var(--accent)}.paper-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem}.paper-year{font-weight:700;color:var(--accent);white-space:nowrap;font-size:.9rem}.paper-authors{font-size:.92rem;color:var(--text-muted);margin-bottom:.5rem}.authors-list{display:flex;flex-wrap:wrap;gap:.7rem;margin:.3rem 0 0;padding:0;list-style:none}.authors-list li{background:#06b6d414;border-radius:var(--radius-full);padding:.25rem .8rem;color:var(--primary);font-weight:500;font-size:.9rem}.paper-abstract{font-size:.95rem;color:var(--text-primary);background:#06b6d40a;border-radius:var(--radius-md);padding:1rem 1.2rem;margin-top:.5rem}.paper-link{display:inline-block;margin-top:.5rem;color:var(--accent);font-weight:600;text-decoration:underline;transition:color .2s}.paper-link:hover{color:var(--accent-light)}.cert-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1.5rem}@media(min-width:768px){.cert-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.cert-card{text-align:left;padding:1.25rem;border-radius:var(--radius-lg);cursor:pointer;background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--primary);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.cert-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow);border-color:var(--border-accent);border-left-color:var(--accent)}.cert-title{font-family:var(--font-display);font-weight:700;color:var(--primary-light);font-size:.95rem;margin-bottom:.5rem}.cert-meta{display:flex;gap:.6rem;align-items:center;color:var(--text-muted);font-size:.85rem}.cert-year{font-weight:700;color:var(--accent)}.cert-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center}.cert-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cert-modal-content{position:relative;width:min(1100px,95%);height:min(820px,90%);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column}.cert-modal-close{position:absolute;right:14px;top:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:1rem;cursor:pointer;padding:6px 8px;transition:var(--transition)}.cert-modal-close:hover{background:var(--bg-card-hover);color:var(--text-primary)}.cert-modal-header{padding:.8rem .6rem;border-bottom:1px solid var(--border)}.cert-modal-header h2{font-family:var(--font-display);color:var(--text-primary)}.cert-modal-sub{color:var(--text-muted);margin-top:.25rem;font-size:.88rem}.cert-modal-viewer{flex:1;margin-top:.6rem;border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center}.cert-modal-viewer img{max-width:100%;max-height:100%;object-fit:contain;background:#fff;display:block;border-radius:var(--radius-sm)}@media(max-width:640px){.cert-modal-content{height:88vh;padding:.5rem}.cert-title{font-size:.9rem}}.cert-card-body{display:flex;flex-direction:column;gap:.5rem}.cert-thumb{display:block;width:180px;height:auto;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);box-shadow:0 6px 18px #0003;background:#fff;margin-top:8px;align-self:center;transition:var(--transition)}.cert-card:hover .cert-thumb{box-shadow:0 8px 24px #06b6d426}@media(max-width:768px){.cert-thumb{width:90px}}:root{--primary: #06b6d4;--primary-light: #22d3ee;--primary-dark: #0891b2;--accent: #f59e0b;--accent-light: #fbbf24;--bg-primary: #09090b;--bg-secondary: #18181b;--bg-card: rgba(24, 24, 30, .7);--bg-card-hover: rgba(30, 30, 38, .85);--bg-input: rgba(9, 9, 11, .6);--bg-navbar: rgba(18, 18, 24, .75);--bg-mobile-menu: rgba(9, 9, 11, .98);--bg-footer: rgba(9, 9, 11, .8);--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--border: rgba(63, 63, 70, .5);--border-accent: rgba(6, 182, 212, .25);--gradient-1: linear-gradient(135deg, #06b6d4, #10b981);--gradient-2: linear-gradient(135deg, #06b6d4 0%, #8b5cf6 50%, #f59e0b 100%);--gradient-text: linear-gradient(135deg, #22d3ee, #10b981, #f59e0b);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 8px 30px rgba(0, 0, 0, .35);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .45);--shadow-glow: 0 0 30px rgba(6, 182, 212, .12);--shadow-glow-accent: 0 0 30px rgba(245, 158, 11, .1);--dot-color: rgba(255, 255, 255, .03);--glow-1: rgba(6, 182, 212, .06);--glow-2: rgba(245, 158, 11, .04);--logo-filter: brightness(0) invert(1);--nav-active-text: var(--bg-primary);--overlay-bg: rgba(0, 0, 0, .6);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition: .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--font-primary: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Space Grotesk", system-ui, sans-serif}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-card: rgba(255, 255, 255, .85);--bg-card-hover: rgba(255, 255, 255, .95);--bg-input: rgba(241, 245, 249, .8);--bg-navbar: rgba(255, 255, 255, .8);--bg-mobile-menu: rgba(248, 250, 252, .98);--bg-footer: rgba(241, 245, 249, .9);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--border: rgba(148, 163, 184, .3);--border-accent: rgba(6, 182, 212, .3);--primary-dark: #0e7490;--gradient-text: linear-gradient(135deg, #0891b2, #059669, #d97706);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 8px 30px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .1);--shadow-glow: 0 0 30px rgba(6, 182, 212, .08);--shadow-glow-accent: 0 0 30px rgba(245, 158, 11, .06);--dot-color: rgba(0, 0, 0, .04);--glow-1: rgba(6, 182, 212, .04);--glow-2: rgba(245, 158, 11, .03);--logo-filter: none;--nav-active-text: #fff;--overlay-bg: rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body,body:before,body:after,.navbar-inner,.nav-link,.glass-card,.footer{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.7;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(var(--dot-color) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 60% 40% at 15% 20%,var(--glow-1),transparent),radial-gradient(ellipse 50% 50% at 85% 80%,var(--glow-2),transparent);pointer-events:none;z-index:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--primary-dark);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.app-layout{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.main-content{flex:1;padding:1rem 0}.navbar{position:sticky;top:0;z-index:100;padding:.75rem 2rem}.navbar-inner{max-width:1100px;margin:0 auto;padding:.5rem 1.5rem;display:flex;align-items:center;justify-content:space-between;background:var(--bg-navbar);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-full);box-shadow:var(--shadow-md)}.nav-logo{display:flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:700;font-size:1.3rem;color:var(--text-primary);transition:var(--transition)}.nav-logo img{height:36px;width:auto;transition:var(--transition)}.nav-logo:hover img{transform:scale(1.08);filter:drop-shadow(0 0 10px rgba(6,182,212,.5))}.nav-links{display:flex;align-items:center;gap:.15rem}.nav-link{font-size:.82rem;font-weight:500;padding:.4rem .85rem;border-radius:var(--radius-full);color:var(--text-muted);transition:var(--transition);position:relative;letter-spacing:.2px}.nav-link:hover{color:var(--text-primary);background:var(--bg-card)}.nav-link.active{color:var(--nav-active-text);background:var(--gradient-1);font-weight:600;box-shadow:0 2px 12px #06b6d44d}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;color:var(--text-primary);font-size:1.5rem}.footer{text-align:center;padding:2.5rem 2rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.82rem;background:var(--bg-footer);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.3px}.footer-content{max-width:1100px;margin:0 auto}.page-container{max-width:1100px;margin:0 auto;padding:2rem 2rem 5rem}.section-title{font-family:var(--font-display);font-size:2.75rem;font-weight:800;margin-bottom:.5rem;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.section-subtitle{color:var(--text-muted);font-size:1.05rem;margin-bottom:3rem;font-weight:400}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;transition:var(--transition);position:relative}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-accent),transparent);border-radius:var(--radius-lg) var(--radius-lg) 0 0;opacity:0;transition:var(--transition)}.glass-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.glass-card:hover:before{opacity:1}@media(max-width:768px){.navbar{padding:.5rem 1rem}.navbar-inner{padding:.5rem 1rem;border-radius:var(--radius-lg)}.nav-toggle{display:block}.nav-links{position:fixed;top:0;right:-100%;width:280px;height:100vh;flex-direction:column;background:var(--bg-mobile-menu);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:5rem 2rem 2rem;gap:.5rem;transition:right .4s cubic-bezier(.4,0,.2,1);border-left:1px solid var(--border);z-index:200;border-radius:0}.nav-links.open{right:0}.nav-link{font-size:1.05rem;padding:.75rem 1.25rem;width:100%;border-radius:var(--radius-md)}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);z-index:150;opacity:0;pointer-events:none;transition:opacity .3s ease}.nav-overlay.visible{opacity:1;pointer-events:all}.page-container{padding:1.5rem 1rem 3rem}.section-title{font-size:2rem}}