@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";.dev-profile-container{min-height:100vh;background-color:var(--color-bg);color:var(--color-text-primary);font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow:clip;transition:background-color .4s ease,color .4s ease}.dev-mouse-spotlight{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;transition:background .15s ease-out}.dev-particle-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:.6}.dev-glow-blob{position:absolute;border-radius:50%;filter:blur(140px);opacity:.22;pointer-events:none;z-index:0;animation:pulseBlob 14s infinite alternate ease-in-out}.dev-blob-1{width:600px;height:600px;background:radial-gradient(circle,#0284c7,#10b981);top:-120px;right:-120px}.dev-blob-2{width:700px;height:700px;background:radial-gradient(circle,#8b5cf6,#0284c7);top:35%;left:-240px;animation-delay:-5s}.dev-blob-3{width:550px;height:550px;background:radial-gradient(circle,#ec4899,#8b5cf6);bottom:5%;right:-180px;animation-delay:-9s}@keyframes pulseBlob{0%{transform:scale(1) translate(0)}50%{transform:scale(1.18) translate(40px,-30px)}to{transform:scale(.88) translate(-30px,50px)}}.dev-nav{position:sticky;top:0;z-index:1000;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#ffffffd9;border-bottom:1px solid var(--color-border);padding:10px 4%;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:16px;transition:all .3s ease}[data-theme=dark] .dev-nav{background:#0c0e14e0}.dev-nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--color-text-primary);font-weight:800;font-size:1.15rem;flex-shrink:0}.dev-brand-badge{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#0284c7,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.1rem;box-shadow:0 4px 16px #8b5cf666}.dev-nav-links{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;background:#0000000a;padding:4px;border-radius:24px;border:1px solid var(--color-border)}[data-theme=dark] .dev-nav-links{background:#ffffff0a}@media (max-width: 960px){.dev-nav-links{display:none}}.dev-nav-link{background:none;border:none;color:var(--color-text-secondary);font-weight:600;font-size:.84rem;white-space:nowrap;cursor:pointer;padding:6px 14px;border-radius:20px;transition:all .25s ease;text-decoration:none}.dev-nav-link:hover,.dev-nav-link.active{color:#38bdf8;background:#38bdf81f}.dev-nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.dev-glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--glass-shadow);transition:border-color .4s ease,box-shadow .4s ease,transform .2s ease-out;position:relative;overflow:hidden;transform-style:preserve-3d}.dev-glass-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transition:left .7s ease}.dev-glass-card:hover:before{left:100%}.dev-glass-card:hover{border-color:#38bdf873;box-shadow:0 20px 50px #0284c733}.dev-hero-section{position:relative;z-index:3;padding:70px 6% 40px;max-width:1280px;margin:0 auto}.dev-hero-grid{display:grid;grid-template-columns:380px 1fr;gap:50px;align-items:center}@media (max-width: 980px){.dev-hero-grid{grid-template-columns:1fr;text-align:center}}.dev-avatar-card{padding:42px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;background:linear-gradient(145deg,#ffffffbf,#ffffff59)}[data-theme=dark] .dev-avatar-card{background:linear-gradient(145deg,#161a26d9,#0c0e148c)}.dev-avatar-frame{position:relative;width:170px;height:170px;margin:0 auto 24px}.dev-avatar-ring{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;background:linear-gradient(135deg,#0284c7,#8b5cf6,#ec4899);animation:spinRing 7s linear infinite;opacity:.95}@keyframes spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dev-avatar-img-inner{position:relative;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#060913,#1e293b);display:flex;align-items:center;justify-content:center;border:4px solid var(--color-surface);box-shadow:0 12px 35px #00000059;color:#fff;font-size:3.4rem;font-weight:900;letter-spacing:-1px}.dev-floating-tech-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}.dev-tech-pill{background:#38bdf81f;color:#38bdf8;border:1px solid rgba(56,189,248,.25);padding:4px 12px;border-radius:14px;font-size:.75rem;font-weight:700;transition:all .25s ease}.dev-tech-pill:hover{transform:translateY(-2px) scale(1.05);background:#38bdf8;color:#000}.dev-status-badge{display:inline-flex;align-items:center;gap:8px;background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.3);padding:6px 18px;border-radius:20px;font-size:.82rem;font-weight:700;margin-top:16px}.dev-pulse-dot{width:9px;height:9px;border-radius:50%;background-color:#10b981;box-shadow:0 0 12px #10b981;animation:pulseDot 2s infinite}@keyframes pulseDot{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 9px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.dev-hero-content{display:flex;flex-direction:column;gap:20px}.dev-experience-tag{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#0284c72e,#8b5cf62e);border:1px solid rgba(139,92,246,.35);color:#8b5cf6;padding:6px 20px;border-radius:30px;font-size:.85rem;font-weight:800;letter-spacing:.6px;text-transform:uppercase;width:fit-content}@media (max-width: 980px){.dev-experience-tag{margin:0 auto}}.dev-hero-title{font-size:3.8rem;font-weight:900;line-height:1.05;letter-spacing:-1.5px;background:linear-gradient(135deg,var(--color-text-primary) 0%,#38bdf8 50%,#8b5cf6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dev-hero-subtitle{font-size:1.4rem;font-weight:700;color:var(--color-text-secondary);display:flex;align-items:center;gap:10px}@media (max-width: 980px){.dev-hero-subtitle{justify-content:center}}.dev-hero-description{font-size:1.12rem;line-height:1.75;color:var(--color-text-muted);max-width:800px}.dev-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}@media (max-width: 768px){.dev-stats-grid{grid-template-columns:repeat(2,1fr)}}.dev-stat-card{background:#ffffffa6;border:1px solid var(--color-border);border-radius:18px;padding:18px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;min-height:105px}[data-theme=dark] .dev-stat-card{background:#ffffff0a}.dev-stat-card:hover{transform:translateY(-4px);background:#38bdf81f;border-color:#38bdf880}.dev-stat-number{font-size:1.75rem;font-weight:900;color:#38bdf8;line-height:1.15;margin-bottom:6px;white-space:nowrap;letter-spacing:-.5px}.dev-stat-label{font-size:.75rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.8px;line-height:1.3}.dev-cta-group{display:flex;align-items:center;gap:16px;margin-top:10px;flex-wrap:wrap}@media (max-width: 980px){.dev-cta-group{justify-content:center}}.dev-btn-primary{background:linear-gradient(135deg,#0284c7,#8b5cf6);color:#fff;border:none;padding:14px 28px;border-radius:16px;font-weight:700;font-size:.98rem;cursor:pointer;display:inline-flex;align-items:center;gap:10px;box-shadow:0 8px 24px #8b5cf666;transition:all .3s ease;text-decoration:none;position:relative;overflow:hidden}.dev-btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #8b5cf68c}.dev-btn-secondary{background:#fff9;color:var(--color-text-primary);border:1px solid var(--color-border);padding:14px 26px;border-radius:16px;font-weight:700;font-size:.98rem;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;text-decoration:none}[data-theme=dark] .dev-btn-secondary{background:#ffffff0d}.dev-btn-secondary:hover{background:#38bdf826;border-color:#38bdf873;color:#38bdf8}.dev-section{padding:60px 6%;max-width:1280px;margin:0 auto;position:relative;z-index:3}.dev-section-header{text-align:center;max-width:750px;margin:0 auto 45px}.dev-section-subtitle{font-size:.82rem;text-transform:uppercase;letter-spacing:2px;font-weight:800;color:#38bdf8;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px}.dev-section-title{font-size:2.5rem;font-weight:900;letter-spacing:-.8px;color:var(--color-text-primary)}.dev-orbital-container{padding:40px;display:flex;flex-direction:column;align-items:center;position:relative}.dev-orbit-stage{position:relative;width:320px;height:320px;margin:20px auto 40px;display:flex;align-items:center;justify-content:center}.dev-orbit-nucleus{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#0284c7,#8b5cf6);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 35px #38bdf899;z-index:2;font-weight:900;font-size:.85rem;text-align:center}.dev-orbit-ring{position:absolute;border-radius:50%;border:1px dashed rgba(56,189,248,.25);animation:rotateOrbit linear infinite}.dev-orbit-ring-1{width:220px;height:220px;animation-duration:20s}.dev-orbit-ring-2{width:310px;height:310px;animation-duration:30s;animation-direction:reverse}@keyframes rotateOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dev-orbit-node{position:absolute;width:44px;height:44px;border-radius:12px;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 6px 18px #00000026;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.75rem;color:var(--color-text-primary);transition:transform .25s ease;cursor:pointer}.dev-orbit-node:hover{transform:scale(1.25);border-color:#38bdf8;color:#38bdf8;z-index:10}.dev-tech-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;width:100%;margin-top:20px}@media (max-width: 900px){.dev-tech-wall{grid-template-columns:repeat(3,1fr)}}@media (max-width: 500px){.dev-tech-wall{grid-template-columns:repeat(2,1fr)}}.dev-tech-wall-item{background:#ffffff80;border:1px solid var(--color-border);border-radius:16px;padding:16px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}[data-theme=dark] .dev-tech-wall-item{background:#ffffff08}.dev-tech-wall-item:hover{transform:translateY(-6px) scale(1.05);background:#38bdf81f;border-color:#38bdf873;box-shadow:0 10px 25px #0284c733}.dev-tech-wall-icon{font-size:1.5rem}.dev-tech-wall-name{font-size:.85rem;font-weight:700;color:var(--color-text-primary)}.dev-capabilities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}@media (max-width: 980px){.dev-capabilities-grid{grid-template-columns:1fr}}.dev-cap-card{padding:34px 30px;display:flex;flex-direction:column;gap:18px}.dev-cap-header{display:flex;align-items:center;gap:14px}.dev-cap-icon-box{width:50px;height:50px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.dev-cap-icon-box.fe{background:#38bdf826;color:#38bdf8}.dev-cap-icon-box.be{background:#10b98126;color:#10b981}.dev-cap-icon-box.ai{background:#8b5cf626;color:#8b5cf6}.dev-cap-title{font-size:1.3rem;font-weight:800;color:var(--color-text-primary)}.dev-cap-bullets{list-style:none;display:flex;flex-direction:column;gap:12px}.dev-cap-bullets li{font-size:.94rem;color:var(--color-text-secondary);line-height:1.65;position:relative;padding-left:22px}.dev-cap-bullets li:before{content:"⚡";position:absolute;left:0;font-size:.85rem}.dev-timeline-container{position:relative;padding-left:36px}.dev-timeline-container:before{content:"";position:absolute;left:11px;top:15px;bottom:15px;width:3px;background:linear-gradient(180deg,#0284c7,#8b5cf6,#ec4899);border-radius:3px}.dev-timeline-item{position:relative;margin-bottom:35px}.dev-timeline-item:last-child{margin-bottom:0}.dev-timeline-dot{position:absolute;left:-36px;top:6px;width:24px;height:24px;border-radius:50%;background:var(--color-surface);border:4px solid #38bdf8;box-shadow:0 0 16px #38bdf899;transition:all .3s ease}.dev-timeline-item:hover .dev-timeline-dot{transform:scale(1.3);background:#38bdf8}.dev-timeline-content{padding:30px 32px}.dev-timeline-badge{display:inline-block;padding:4px 14px;border-radius:20px;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.7px;background:#38bdf81f;color:#38bdf8;margin-bottom:10px}.dev-timeline-role{font-size:1.45rem;font-weight:800;color:var(--color-text-primary);margin-bottom:4px}.dev-timeline-org{font-size:.98rem;font-weight:600;color:var(--color-primary);margin-bottom:16px;display:flex;align-items:center;gap:6px}.dev-timeline-bullets{list-style:none;display:flex;flex-direction:column;gap:12px}.dev-timeline-bullets li{font-size:.96rem;color:var(--color-text-secondary);line-height:1.7;position:relative;padding-left:24px}.dev-timeline-bullets li:before{content:"▸";position:absolute;left:0;color:#38bdf8;font-weight:700}.dev-project-filters{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:36px;flex-wrap:wrap}.dev-filter-btn{background:#fff6;border:1px solid var(--color-border);color:var(--color-text-secondary);padding:10px 22px;border-radius:30px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease}[data-theme=dark] .dev-filter-btn{background:#ffffff08}.dev-filter-btn:hover,.dev-filter-btn.active{background:linear-gradient(135deg,#0284c7,#8b5cf6);color:#fff;border-color:transparent;box-shadow:0 6px 20px #8b5cf666}.dev-projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}@media (max-width: 1080px){.dev-projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 680px){.dev-projects-grid{grid-template-columns:1fr}}.dev-project-card{padding:32px;display:flex;flex-direction:column;justify-content:space-between;height:100%}.dev-project-type{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;padding:5px 12px;border-radius:10px;background:#38bdf824;color:#38bdf8;margin-bottom:16px;width:fit-content}.dev-project-name{font-size:1.35rem;font-weight:800;color:var(--color-text-primary);margin-bottom:12px}.dev-project-desc{font-size:.94rem;color:var(--color-text-muted);line-height:1.68;margin-bottom:24px;flex:1}.dev-tech-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.dev-tech-tag{background:#0000000d;color:var(--color-text-secondary);font-size:.76rem;font-weight:700;padding:4px 10px;border-radius:8px}[data-theme=dark] .dev-tech-tag{background:#ffffff14}.dev-project-impact{border-top:1px dashed var(--color-border);padding-top:14px;display:flex;align-items:center;justify-content:space-between;font-size:.85rem;font-weight:700;color:#10b981}.dev-skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}@media (max-width: 820px){.dev-skills-grid{grid-template-columns:1fr}}.dev-skill-card{padding:32px}.dev-skill-cat-title{font-size:1.25rem;font-weight:800;color:var(--color-text-primary);margin-bottom:22px;display:flex;align-items:center;gap:12px}.dev-terminal-wrapper{background:#080b13;border:1px solid #1e293b;border-radius:24px;box-shadow:0 20px 50px #000000a6;overflow:hidden;font-family:JetBrains Mono,Fira Code,Courier New,monospace;color:#c9d1d9}.dev-terminal-header{background:#101625;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1e293b}.dev-terminal-dots{display:flex;gap:8px}.dev-term-dot{width:12px;height:12px;border-radius:50%}.dev-term-dot.red{background:#ff5f56}.dev-term-dot.yellow{background:#ffbd2e}.dev-term-dot.green{background:#27c93f}.dev-terminal-title{font-size:.84rem;color:#8b949e;font-weight:600}.dev-terminal-body{padding:24px;min-height:310px;max-height:440px;overflow-y:auto}.dev-term-line{line-height:1.7;font-size:.93rem;margin-bottom:8px}.dev-term-prompt{color:#38bdf8;font-weight:700}.dev-term-output{color:#a5d6a7;white-space:pre-wrap}.dev-term-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;padding-top:18px;border-top:1px solid #1e293b}.dev-term-chip{background:#141c2c;color:#38bdf8;border:1px solid #1e293b;padding:5px 14px;border-radius:10px;font-size:.8rem;cursor:pointer;transition:all .25s ease}.dev-term-chip:hover{background:#38bdf8;color:#000;font-weight:700}.dev-term-input-form{display:flex;align-items:center;gap:8px;margin-top:14px}.dev-term-input{background:transparent;border:none;color:#fff;font-family:inherit;font-size:.93rem;width:100%;outline:none}.dev-footer{border-top:1px solid var(--color-border);padding:50px 6%;text-align:center;background:#00000005;margin-top:65px}[data-theme=dark] .dev-footer{background:#ffffff03}.dev-footer-content{max-width:820px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:20px}@media (max-width: 960px){.dev-nav-links{display:none!important}.dev-mobile-menu-btn{display:flex!important}}@media (max-width: 768px){.dev-hero-section{padding:40px 4% 30px}.dev-hero-title{font-size:2.5rem;letter-spacing:-1px}.dev-hero-subtitle{font-size:1.1rem}.dev-hero-description{font-size:.98rem;line-height:1.6}.dev-desktop-back-btn{display:none!important}.dev-stat-number{font-size:1.4rem}.dev-stat-label{font-size:.7rem}.dev-terminal-body{padding:16px;font-size:.85rem}.dev-project-card,.dev-skill-card{padding:22px 18px}}@media (max-width: 480px){.dev-hero-title{font-size:2.1rem}.dev-cta-group{flex-direction:column;width:100%}.dev-cta-group button,.dev-cta-group a{width:100%;justify-content:center}.dev-stats-grid{grid-template-columns:1fr 1fr;gap:10px}}:root{--color-bg: #EAF4EE;--color-sidebar: #133A26;--color-sidebar-hover: #1A4D33;--color-sidebar-active: #1D5E3B;--color-surface: #FFFFFF;--color-text-primary: #1F2937;--color-text-secondary: #4B5563;--color-text-muted: #6B7280;--color-primary: #1A5A3B;--color-primary-rgb: 26, 90, 59;--color-success: #2E9E5B;--color-success-light: #A5D6A7;--color-border: rgba(19, 58, 38, .08);--color-sync: #1A5A3B;--color-sync-light: rgba(26, 90, 59, .06);--color-track: #0284c7;--color-track-light: rgba(2, 132, 199, .06);--color-db: #d97706;--color-db-light: rgba(217, 119, 6, .06);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 4px 12px rgba(19, 58, 38, .05);--shadow-md: 0 10px 25px rgba(19, 58, 38, .08);--glass-bg: rgba(255, 255, 255, .45);--glass-border: rgba(255, 255, 255, .4);--glass-shadow: 0 8px 32px 0 rgba(19, 58, 38, .06);--clay-bg: #f3faf6;--clay-shadow-outer: 8px 8px 16px rgba(19, 58, 38, .08), -8px -8px 16px rgba(255, 255, 255, .7);--clay-shadow-inner: inset 3px 3px 6px rgba(255, 255, 255, .8), inset -3px -3px 6px rgba(19, 58, 38, .04)}[data-theme=dark]{--color-bg: #121214;--color-sidebar: #18181b;--color-sidebar-hover: #27272a;--color-sidebar-active: #3f3f46;--color-surface: #1e1e20;--color-text-primary: #ffffff;--color-text-secondary: #cbcccd;--color-text-muted: #88898b;--color-primary: #34d399;--color-primary-rgb: 52, 211, 153;--color-success: #34d399;--color-success-light: #059669;--color-border: rgba(255, 255, 255, .06);--color-sync: #34d399;--color-sync-light: rgba(52, 211, 153, .1);--color-track: #38bdf8;--color-track-light: rgba(56, 189, 248, .1);--color-db: #fbbf24;--color-db-light: rgba(251, 191, 36, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow: 0 4px 12px rgba(0, 0, 0, .3);--shadow-md: 0 10px 25px rgba(0, 0, 0, .4);--glass-bg: rgba(30, 30, 32, .55);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .4);--clay-bg: #1d2b23;--clay-shadow-outer: 8px 8px 20px rgba(0, 0, 0, .4), -8px -8px 20px rgba(255, 255, 255, .02);--clay-shadow-inner: inset 3px 3px 6px rgba(255, 255, 255, .04), inset -3px -3px 6px rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Outfit,sans-serif;background-color:var(--color-bg);color:var(--color-text-primary);min-height:100vh;overflow-x:hidden;transition:background-color .4s ease,color .4s ease}a{color:inherit;text-decoration:none;transition:all .2s ease}.liquid-bg-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none}.liquid-blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.2;mix-blend-mode:multiply;animation:float-blob 22s infinite ease-in-out alternate}[data-theme=dark] .liquid-blob{mix-blend-mode:screen;opacity:.15}.blob-1{width:550px;height:550px;background:radial-gradient(circle,var(--color-success-light) 0%,rgba(165,214,167,0) 70%);top:-120px;left:-120px;animation-duration:18s}.blob-2{width:650px;height:650px;background:radial-gradient(circle,#38bdf8,#38bdf800 70%);bottom:-100px;right:-100px;animation-duration:25s;animation-delay:-4s}.blob-3{width:500px;height:500px;background:radial-gradient(circle,#fbcfe8,#fbcfe800 70%);top:35%;left:45%;animation-duration:28s;animation-delay:-8s}[data-theme=dark] .blob-1{background:radial-gradient(circle,#34d39926,#34d39900 70%)}[data-theme=dark] .blob-2{background:radial-gradient(circle,#38bdf81f,#38bdf800 70%)}[data-theme=dark] .blob-3{background:radial-gradient(circle,#f43f5e14,#f43f5e00 70%)}@keyframes float-blob{0%{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(60px,-40px) scale(1.1) rotate(180deg)}to{transform:translate(-30px,30px) scale(.95) rotate(360deg)}}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px;transition:border-color .3s ease,background-color .3s ease}.clay-card{background:var(--clay-bg);border-radius:28px;border:1px solid var(--color-border);box-shadow:var(--clay-shadow-outer),var(--clay-shadow-inner);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.clay-card:hover{transform:translateY(-6px);box-shadow:12px 12px 24px #133a261f,-12px -12px 24px #fffc}[data-theme=dark] .clay-card:hover{box-shadow:12px 12px 28px #00000080,-12px -12px 28px #ffffff05}.landing-page{position:relative;min-height:100vh;display:flex;flex-direction:column}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:16px 8%;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1000;transition:background-color .4s ease,border-color .4s ease}[data-theme=dark] .landing-nav{background:#121214bf}.landing-logo{display:flex;align-items:center;gap:12px}.landing-logo-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#ffffffb3,#fff3);border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 12px #133a260d;animation:logoFloat 4s ease-in-out infinite;overflow:hidden;transition:all .4s cubic-bezier(.25,.8,.25,1)}[data-theme=dark] .landing-logo-wrapper{background:linear-gradient(135deg,#ffffff1a,#ffffff05);border-color:#ffffff1a}.landing-logo-img{z-index:2;transition:all .4s ease}.landing-logo-wrapper:after{content:"";position:absolute;top:0;left:-150%;width:50%;height:100%;background:linear-gradient(90deg,#fff0,#fff9,#fff0);transform:skew(-25deg);z-index:3}.landing-logo:hover .landing-logo-wrapper{transform:scale(1.08);box-shadow:0 8px 20px #133a261a}.landing-logo:hover .landing-logo-wrapper:after{left:150%;transition:left .8s ease-in-out}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.logo-text{font-size:1.4rem;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,var(--color-sidebar) 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=dark] .logo-text{background:linear-gradient(135deg,#ffffff 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;gap:28px;align-items:center}.nav-link-btn{background:none;border:none;cursor:pointer;font-family:inherit;font-size:.92rem;font-weight:600;color:var(--color-text-secondary);text-decoration:none;transition:all .2s ease;padding:6px 12px;border-radius:12px;display:inline-flex;align-items:center;white-space:nowrap}.nav-link-btn:hover{color:var(--color-primary);background:var(--color-bg);transform:translateY(-1px)}.nav-link-btn.active,.nav-link-btn.active-link{color:var(--color-primary)!important;font-weight:700!important;background:var(--color-sync-light)}.nav-actions{display:flex;align-items:center;gap:16px}.btn-primary{background:linear-gradient(135deg,var(--color-sidebar) 0%,var(--color-primary) 100%);color:#fff!important;font-weight:600;padding:10px 22px;border-radius:20px;border:none;cursor:pointer;box-shadow:0 4px 15px #1a5a3b33;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1a5a3b59;filter:brightness(1.1)}[data-theme=dark] .btn-primary{background:var(--color-primary);color:#121214!important;box-shadow:0 4px 15px #34d39933}[data-theme=dark] .btn-primary:hover{box-shadow:0 8px 20px #34d39966}.btn-outline{border:1.5px solid var(--color-sidebar);color:var(--color-sidebar)!important;background:transparent;font-weight:600;padding:9px 21px;border-radius:20px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-outline:hover{background:#133a260d;transform:translateY(-2px)}[data-theme=dark] .btn-outline{border-color:#ffffff26;color:var(--color-text-primary)!important}[data-theme=dark] .btn-outline:hover{background:#ffffff0d}.hero-section{display:flex;align-items:center;justify-content:space-between;padding:100px 8% 120px;gap:60px;z-index:10;position:relative;max-width:1400px;margin:0 auto}.hero-content{flex:1.2}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#1a5a3b14;padding:6px 16px;border-radius:30px;font-size:.88rem;font-weight:600;color:var(--color-primary);margin-bottom:20px;border:1px solid rgba(26,90,59,.05)}[data-theme=dark] .hero-badge{background:#34d3991a}.hero-title{font-size:3.6rem;font-weight:800;line-height:1.15;letter-spacing:-1.5px;margin-bottom:24px}.hero-title span{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-success) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=dark] .hero-title span{background:linear-gradient(135deg,var(--color-primary) 0%,#6ee7b7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.2rem;line-height:1.65;color:var(--color-text-secondary);margin-bottom:40px}.hero-buttons{display:flex;gap:16px}.hero-image-container{flex:.8;display:flex;justify-content:center;align-items:center;position:relative}.animated-svg-box{width:100%;max-width:440px;height:auto;border-radius:30px;padding:24px;animation:floatImage 6s ease-in-out infinite}@keyframes floatImage{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.reveal-element{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal-element.revealed{opacity:1;transform:translateY(0)}.about-identity-section{padding:80px 8%;background:transparent;z-index:10;position:relative;max-width:1400px;margin:0 auto}.section-header{text-align:center;max-width:700px;margin:0 auto 50px}.section-title{font-size:2.3rem;font-weight:800;margin-bottom:16px;letter-spacing:-.5px}.section-subtitle{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.6}.section-badge{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:1.5px;color:var(--color-primary);margin-bottom:12px;text-transform:uppercase}.identity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-top:20px}.identity-card{padding:36px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.identity-icon-wrapper{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.sh-no-icon{background:var(--color-sync-light);color:var(--color-sync)}.portals-icon{background:var(--color-track-light);color:var(--color-track)}.database-icon{background:var(--color-db-light);color:var(--color-db)}.identity-card h4{font-size:1.25rem;font-weight:800;color:var(--color-text-primary)}.identity-card p{font-size:.95rem;line-height:1.6;color:var(--color-text-secondary)}.portals-hub-section{background-color:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:90px 8%;z-index:10;box-shadow:0 10px 30px #133a2603,0 -10px 30px #133a2603;transition:background-color .4s ease,border-color .4s ease}[data-theme=dark] .portals-hub-section{background-color:#151517}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px;max-width:1200px;margin:0 auto}.project-launch-card{padding:40px;display:flex;flex-direction:column;align-items:flex-start;gap:20px;cursor:pointer;position:relative;overflow:hidden;height:100%}.project-icon-wrapper{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.project-launch-card:hover .project-icon-wrapper{transform:scale(1.1)}.sync-launcher:hover .project-icon-wrapper{background:#1a5a3b26!important}.track-launcher:hover .project-icon-wrapper{background:#0284c726!important}.project-card-title{font-size:1.55rem;font-weight:800;color:var(--color-text-primary)}.project-card-desc{font-size:.98rem;line-height:1.6;color:var(--color-text-secondary)}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;margin-bottom:20px}.project-tag{font-size:.75rem;font-weight:600;background:var(--color-sync-light);color:var(--color-sync);padding:4px 10px;border-radius:12px;border:1px solid rgba(26,90,59,.04)}.launcher-btn{transition:all .3s cubic-bezier(.16,1,.3,1)}.project-launch-card:hover .launcher-btn{transform:translateY(-2px);box-shadow:0 8px 24px #1a5a3b4d}.env-error-banner{padding:12px 16px;background:#ef444414;border:1px solid rgba(239,68,68,.15);border-radius:12px;text-align:center;font-size:.85rem;color:#f87171;font-weight:600}.deepdive-section{padding:100px 8%;max-width:1400px;margin:0 auto;z-index:10;position:relative}.deepdive-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.deepdive-grid.alt-layout{grid-template-columns:.9fr 1.1fr}.deepdive-text{display:flex;flex-direction:column;align-items:flex-start}.deepdive-badge{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;padding:6px 14px;border-radius:20px;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}.deepdive-badge.sync-accent{background:var(--color-sync-light);color:var(--color-sync)}.deepdive-badge.track-accent{background:var(--color-track-light);color:var(--color-track)}.deepdive-title{font-size:2.6rem;font-weight:800;line-height:1.2;margin-bottom:20px;letter-spacing:-.8px}.deepdive-desc{font-size:1.1rem;line-height:1.65;color:var(--color-text-secondary);margin-bottom:30px}.roles-tab-container{display:flex;align-items:center;gap:12px;margin-bottom:24px;width:100%}.roles-label{font-size:.85rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted)}.roles-tabs{display:flex;background:#00000008;padding:4px;border-radius:12px;gap:4px;width:fit-content}[data-theme=dark] .roles-tabs{background:#ffffff0a}.role-tab-btn{background:none;border:none;cursor:pointer;padding:8px 16px;font-size:.88rem;font-weight:600;border-radius:8px;color:var(--color-text-secondary);transition:all .25s cubic-bezier(.16,1,.3,1)}.role-tab-btn.active.sync-accent{background:var(--color-sync);color:#fff}[data-theme=dark] .role-tab-btn.active.sync-accent{color:#121214}.role-tab-btn.active.track-accent{background:var(--color-track);color:#fff}[data-theme=dark] .role-tab-btn.active.track-accent{color:#fff}.role-features-list{display:flex;flex-direction:column;gap:16px;margin-bottom:30px;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.role-feature-item{display:flex;align-items:flex-start;gap:14px}.feature-marker{display:flex;align-items:center;justify-content:center;margin-top:3px}.feature-marker.sync-marker{color:var(--color-sync)}.feature-marker.track-marker{color:var(--color-track)}.feature-text{display:flex;flex-direction:column}.feature-text strong{font-size:1.02rem;font-weight:700;color:var(--color-text-primary);margin-bottom:2px}.feature-text span{font-size:.9rem;color:var(--color-text-secondary);line-height:1.45}.discovery-layer-box{padding:24px;background:#ffffff40;border-radius:16px;width:100%}.discovery-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.discovery-header h5{font-size:.95rem;font-weight:800;color:var(--color-text-primary)}.discovery-layer-box p{font-size:.88rem;line-height:1.5;color:var(--color-text-secondary)}.deepdive-visual{display:flex;justify-content:center;align-items:center;width:100%}.timeline-widget{width:100%;max-width:480px;padding:32px;background:var(--glass-bg);max-height:520px;overflow-y:auto;border-radius:24px;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);scrollbar-width:thin;scrollbar-color:rgba(26,90,59,.2) transparent}.timeline-widget::-webkit-scrollbar{width:4px}.timeline-widget::-webkit-scrollbar-thumb{background:#1a5a3b33;border-radius:4px}.widget-title{font-size:1.15rem;font-weight:800;color:var(--color-text-primary);margin-bottom:4px}.widget-subtitle{font-size:.82rem;color:var(--color-text-muted);font-weight:600;text-transform:uppercase;margin-bottom:24px}.timeline-trail{display:flex;flex-direction:column;position:relative;padding-left:28px}.timeline-trail:before{content:"";position:absolute;left:11px;top:10px;bottom:10px;width:2px;background:var(--color-border)}[data-theme=dark] .timeline-trail:before{background:#ffffff14}.timeline-node{position:relative;margin-bottom:24px}.timeline-node:last-child{margin-bottom:0}.timeline-node-number{position:absolute;left:-28px;width:24px;height:24px;border-radius:50%;background:var(--color-surface);border:2px solid var(--color-sync);color:var(--color-sync);font-size:.72rem;font-weight:800;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .3s ease}.timeline-node:hover .timeline-node-number{background:var(--color-sync);color:#fff;transform:scale(1.15)}[data-theme=dark] .timeline-node:hover .timeline-node-number{color:#121214}.timeline-node-info{display:flex;flex-direction:column;padding-left:8px}.timeline-node-info h5{font-size:.95rem;font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.timeline-node-info p{font-size:.82rem;line-height:1.45;color:var(--color-text-secondary)}.mock-dashboard-card{width:100%;max-width:440px;padding:28px;border-radius:24px}.mock-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.mock-badge-status{font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:10px}.mock-badge-status.met{background:#2e9e5b1a;color:var(--color-success)}.mock-gauge-section{display:flex;align-items:center;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--color-border);margin-bottom:20px}.mock-gauge-circle{width:86px;height:86px;border-radius:50%;border:7px solid rgba(2,132,199,.1);border-top-color:var(--color-track);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;animation:spinGauge 1.5s ease-out}@keyframes spinGauge{0%{transform:rotate(-90deg)}to{transform:rotate(0)}}.gauge-number{font-size:1.4rem;font-weight:800;color:var(--color-text-primary);line-height:1}.gauge-label{font-size:.62rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted);margin-top:2px}.mock-gauge-details{display:flex;flex-direction:column}.gauge-threshold{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700;color:var(--color-track)}.mock-registers-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.registers-title{font-size:.85rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:4px}.mock-register-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#00000005;border-radius:12px}[data-theme=dark] .mock-register-item{background:#ffffff05}.register-info{display:flex;flex-direction:column}.register-info strong{font-size:.88rem;font-weight:700;color:var(--color-text-primary);margin-bottom:2px}.register-info span{font-size:.75rem;color:var(--color-text-muted)}.register-percentage{font-size:.9rem;font-weight:800;padding:3px 8px;border-radius:6px}.register-percentage.met{color:var(--color-success);background:#2e9e5b14}.register-percentage.warning{color:#d97706;background:#d9770614}.vocabulary-row{display:flex;gap:8px;margin-bottom:20px}.vocab-badge{font-size:.72rem;font-weight:700;padding:4px 8px;border-radius:6px;text-transform:uppercase}.vocab-badge.present{background:#2e9e5b14;color:var(--color-success)}.vocab-badge.absent{background:#ef444414;color:#ef4444}.vocab-badge.late{background:#d9770614;color:#d97706}.vocab-badge.leave{background:#0284c714;color:var(--color-track)}.mock-leave-alert{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--color-track-light);border:1px solid rgba(2,132,199,.1);border-radius:12px;font-size:.78rem}.leave-status-tag{font-weight:700;color:var(--color-success)}.stats-infra-section{background-color:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:90px 8%;z-index:10;position:relative;box-shadow:0 -10px 30px #133a2603;transition:background-color .4s ease,border-color .4s ease}[data-theme=dark] .stats-infra-section{background-color:#151517}.infra-status-card{max-width:1200px;margin:0 auto 50px;padding:30px;background:var(--color-surface)!important;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}[data-theme=dark] .infra-status-card{background:var(--color-surface)!important}.infra-icon-circle{width:48px;height:48px;border-radius:14px;background:var(--color-db-light);display:flex;align-items:center;justify-content:center}.infra-title{font-size:1.1rem;font-weight:800;color:var(--color-text-primary)}.infra-desc{font-size:.88rem;color:var(--color-text-secondary);margin-top:2px}.infra-ports{display:flex;gap:24px}.port-block{display:flex;flex-direction:column;text-align:center}.port-block.border-left{border-left:1px solid var(--color-border);padding-left:24px}.port-status{font-size:1.25rem;font-weight:800;color:var(--color-primary)}.port-label{font-size:.75rem;color:var(--color-text-muted);font-weight:600;text-transform:uppercase;margin-top:2px}.stats-counters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;max-width:1200px;margin:0 auto}.stat-counter-card{padding:30px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-surface)!important}.stat-number{font-size:2.8rem;font-weight:800;color:var(--color-primary);line-height:1.1;margin-bottom:6px;letter-spacing:-1px}.stat-label{font-size:.85rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-skeleton{width:80px;height:44px;background:#0000000d;border-radius:8px;margin-bottom:8px;animation:pulseSkeleton 1.5s infinite ease-in-out}[data-theme=dark] .stat-skeleton{background:#ffffff0d}@keyframes pulseSkeleton{0%,to{opacity:.6}50%{opacity:.3}}.bulletins-directory-section{padding:90px 8%;max-width:1400px;margin:0 auto;z-index:10;position:relative}.bulletins-grid{display:flex;justify-content:center;gap:40px}.bulletins-box{padding:36px;background:var(--glass-bg);display:flex;flex-direction:column}.box-title{font-size:1.5rem;font-weight:800;margin-bottom:24px;display:flex;align-items:center;gap:10px}.bulletins-icon{color:var(--color-primary)}.announcements-stack{display:flex;flex-direction:column;gap:20px;flex-grow:1}.announcement-item{display:flex;gap:16px;border-bottom:1px solid var(--color-border);padding-bottom:16px;transition:transform .25s ease}.announcement-item:last-child{border-bottom:none;padding-bottom:0}.announcement-item:hover{transform:translate(4px)}.announcement-tag-wrapper{min-width:90px}.announcement-badge{display:inline-block;font-size:.72rem;font-weight:800;text-transform:uppercase;padding:6px 12px;border-radius:8px;text-align:center;width:100%}.badge-academic{background:#1a5a3b14;color:var(--color-sync)}.badge-research{background:#34d3991a;color:var(--color-success)}.badge-attendance{background:#0284c714;color:var(--color-track)}.badge-library{background:#d9770614;color:#d97706}.announcement-content-block h4{font-size:.98rem;font-weight:700;color:var(--color-text-primary);line-height:1.4}.announcement-date{font-size:.8rem;color:var(--color-text-muted);display:block;margin-top:6px;font-weight:600}.sample-disclaimer{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--color-text-muted);margin-top:24px;padding-top:16px;border-top:1px solid var(--color-border)}.directory-box{padding:36px;background:var(--glass-bg);max-width:800px;width:100%}.directory-list{display:flex;flex-direction:column;gap:14px}.directory-item{padding:16px 20px;display:flex;align-items:center;background:var(--color-surface)!important;border-radius:18px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-sm);width:100%}.directory-item:hover{transform:translateY(-3px) scale(1.01);box-shadow:var(--shadow-md);border-color:#133a261f}.directory-link-left{display:flex;align-items:center;gap:12px}.directory-icon{color:var(--color-primary);display:flex;align-items:center}.directory-item span{font-size:.92rem;font-weight:700;color:var(--color-text-primary)}.status-badge-link{font-size:.68rem;font-weight:700;padding:3px 8px;border-radius:6px;white-space:nowrap}.status-badge-link.external-link{background:#0000000a;color:var(--color-text-secondary)}.status-badge-link.external-portal{background:#0284c714;color:var(--color-track)}.status-badge-link.under-migration{background:#d9770614;color:#d97706}.status-badge-link.national-portal{background:#1a5a3b14;color:var(--color-sync)}.status-badge-link.coming-soon{background:#00000008;color:var(--color-text-muted)}[data-theme=dark] .status-badge-link.external-link{background:#ffffff0a}[data-theme=dark] .status-badge-link.coming-soon{background:#ffffff05}.directory-arrow{opacity:.3;transition:opacity .2s ease,transform .2s ease}.directory-item:hover .directory-arrow{opacity:.8;transform:translate(2px,-2px)}.footer{background:var(--color-sidebar);color:#fff;padding:80px 8% 40px;margin-top:auto;transition:background-color .4s ease;z-index:10;position:relative;border-top:1px solid rgba(255,255,255,.05)}[data-theme=dark] .footer{background:#0b0b0d}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:40px;max-width:1200px;margin:0 auto}.footer-brand{display:flex;flex-direction:column;gap:12px;max-width:440px}.footer-brand .logo-text{background:linear-gradient(135deg,#ffffff 0%,var(--color-success-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer-text{font-size:.9rem;line-height:1.65;color:#ffffffd9}.footer-contact-info{display:flex;flex-direction:column;gap:12px;color:#ffffffd9;font-size:.9rem}.contact-item{display:flex;align-items:center;gap:10px}.footer-bottom-bar{display:flex;justify-content:space-between;align-items:center;margin-top:50px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);font-size:.82rem;color:#ffffffb3;flex-wrap:wrap;gap:12px;max-width:1200px;margin-left:auto;margin-right:auto}.developer-tag{font-weight:500;color:#ffffffd9}@media (max-width: 1024px){.hero-section{padding:80px 8% 90px;gap:40px}.hero-title{font-size:3rem}.deepdive-grid,.deepdive-grid.alt-layout{grid-template-columns:1fr;gap:50px}.deepdive-visual,.deepdive-grid.alt-layout .deepdive-visual{order:2}.bulletins-grid{grid-template-columns:1fr;gap:40px}}@media (max-width: 820px){.nav-links{display:none!important}.mobile-hamburger-btn{display:flex!important}.hero-section{flex-direction:column;text-align:center;padding:60px 8% 80px}.hero-badge,.hero-buttons{justify-content:center}.hero-image-container{margin-top:30px;width:100%}.projects-grid{grid-template-columns:1fr}.infra-status-card{flex-direction:column;align-items:flex-start}.infra-ports{width:100%;margin-top:10px}.port-block{flex:1}}@media (max-width: 900px){.hero-search-wrapper{flex-direction:column!important;align-items:stretch!important;padding:14px!important;gap:12px!important}.hero-search-select-box,.hero-search-input-box,.hero-search-btn{width:100%!important;min-width:100%!important;flex:1 1 100%!important}.hero-search-btn{padding:14px!important}.hero-metrics-grid{grid-template-columns:1fr!important;gap:20px!important}}@media (max-width: 768px){.chart-scroll-hint{display:flex!important}main{padding:24px 16px 60px!important}.desktop-only-login{display:none!important}}@media (max-width: 480px){.landing-nav{padding:12px 4%}.logo-text{font-size:1.1rem}.login-nav-btn{padding:8px 14px;font-size:.82rem}.hero-section{padding:40px 4% 60px}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1rem;margin-bottom:30px}.hero-buttons{flex-direction:column;width:100%;gap:12px}.hero-buttons button{width:100%}.section-title{font-size:1.7rem}.deepdive-title{font-size:1.8rem}.timeline-widget,.mock-dashboard-card{padding:16px}.roles-tab-container{flex-direction:column;align-items:flex-start;gap:8px}.roles-tabs{width:100%;overflow-x:auto}.role-tab-btn{flex:1;text-align:center;padding:8px 10px;font-size:.8rem}.stats-infra-section,.portals-hub-section,.about-identity-section,.bulletins-directory-section{padding:45px 4%}.footer{padding:50px 4% 30px}}