:root{--bg: #f8fafc;--surface: #ffffff;--text: #1e293b;--muted: #64748b;--accent: #1e40af;--accent-hover: #1e3a8a;--border: #e2e8f0;color-scheme:light}html{-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(1200px 800px at 80% -10%,rgba(30,64,175,.08),transparent 40%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";font-weight:300;line-height:1.6}a{color:var(--text);text-decoration:none}a:hover{color:var(--accent)}h1,h2,h3{line-height:1.2;margin:0 0 .75rem}h1{font-size:clamp(2rem,1.2rem + 2vw,3rem);letter-spacing:-.02em}h2{font-size:clamp(1.25rem,1rem + 1vw,1.75rem);opacity:.95}p{margin:0 0 1rem;color:var(--muted)}ul{padding-left:1.25rem;margin:.75rem 0 0}li{margin:.25rem 0}button{border-radius:10px;border:1px solid var(--border);padding:.65rem 1rem;font-size:.95rem;background-color:var(--surface);color:var(--text);cursor:pointer;transition:border-color .2s,transform .04s ease}button:hover{border-color:var(--accent)}button:active{transform:translateY(1px)}*{box-sizing:border-box}:root{--bg: #f8fafc;--surface: #f1f5f9;--surface-elevated: #ffffff;--text: #0f172a;--text-muted: #475569;--muted: #64748b;--accent: #2563eb;--accent-hover: #1d4ed8;--border: #cbd5e1;--border-hover: #94a3b8;--shadow: rgba(0, 0, 0, .15);--shadow-hover: rgba(0, 0, 0, .2);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-accent: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)}[data-theme=dark]{--bg: #0f172a;--surface: #1e293b;--surface-elevated: #334155;--text: #f1f5f9;--text-muted: #cbd5e1;--muted: #94a3b8;--accent: #3b82f6;--accent-hover: #2563eb;--border: #334155;--border-hover: #475569;--shadow: rgba(0, 0, 0, .3);--shadow-hover: rgba(0, 0, 0, .4);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-accent: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)}.theme-toggle{background:var(--surface);border:1px solid var(--border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--text);margin-left:1rem}.theme-toggle:hover{background:var(--surface-elevated);border-color:var(--border-hover);transform:scale(1.05);box-shadow:0 4px 12px var(--shadow)}.theme-toggle-icon{display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.theme-toggle:hover .theme-toggle-icon{transform:rotate(180deg)}.app{display:flex;min-height:100dvh;flex-direction:column;background:var(--bg);color:var(--text);transition:background-color .3s ease,color .3s ease;padding-top:72px;box-sizing:border-box}.header{position:fixed;top:0;left:0;right:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f1f5f9cc;border-bottom:1px solid var(--border);z-index:100;transition:background-color .3s ease,border-color .3s ease;transform:translateY(0)}@media (max-width: 768px){.header{transition:background-color .3s ease,border-color .3s ease,transform .3s ease}.header-hidden{transform:translateY(-100%)}.header-visible{transform:translateY(0)}}[data-theme=dark] .header{background:#0f172acc}.nav{display:flex;gap:1.25rem;padding:1rem 1.25rem;align-items:center;justify-content:center;flex-wrap:wrap}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.875rem;color:var(--text);border-radius:16px;transition:all .3s ease;position:relative;overflow:hidden}.mobile-nav-links,.mobile-menu-overlay{display:none}.mobile-menu-toggle:hover{color:var(--accent);transform:scale(1.1)}.mobile-menu-toggle svg{width:22px;height:22px;position:relative;z-index:1;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.mobile-menu-toggle.active{color:var(--accent)}.mobile-menu-toggle.active svg{transform:rotate(180deg)}.nav a{color:var(--muted);text-decoration:none;padding:.25rem .125rem;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.nav a.active{color:var(--text);font-weight:600;border-color:var(--accent)}.desktop-nav{display:flex;gap:1.25rem;align-items:center}@media (min-width: 769px){.mobile-menu-toggle,.mobile-nav-links,.mobile-menu-overlay,.nav .mobile-menu-toggle,.nav .mobile-nav-links,.nav .mobile-menu-overlay{display:none!important}}.main{flex:1;padding:0 1.25rem;max-width:960px;width:100%;margin:0 auto;position:relative;box-sizing:border-box}.main:before{content:"";position:fixed;top:72px;left:0;right:0;bottom:0;width:100vw;background:radial-gradient(circle at 20% 80%,rgba(37,99,235,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(37,99,235,.05) 0%,transparent 50%);z-index:-1;pointer-events:none;animation:float 20s ease-in-out infinite}[data-theme=dark] .main:before{background:radial-gradient(circle at 20% 80%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(37,99,235,.12) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(59,130,246,.08) 0%,transparent 50%)}.main:after{content:"";position:fixed;top:72px;left:0;right:0;bottom:0;width:100vw;background:linear-gradient(45deg,transparent 30%,rgba(37,99,235,.02) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(59,130,246,.02) 50%,transparent 70%);z-index:-1;pointer-events:none;animation:drift 25s ease-in-out infinite reverse}[data-theme=dark] .main:after{background:linear-gradient(45deg,transparent 30%,rgba(59,130,246,.03) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(37,99,235,.03) 50%,transparent 70%)}.section{scroll-margin-top:72px;min-height:calc(100dvh - 72px);padding:2.5rem 0;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--border)}.section:last-of-type{border-bottom:0;padding-bottom:0}.about-hero{text-align:center;margin-bottom:3rem}.about-summary{font-size:1.1rem;color:var(--text);margin-bottom:1rem;font-weight:500}.about-background{color:var(--muted);max-width:800px;margin:0 auto}#about{position:relative}#about:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100vw;height:100%;background:radial-gradient(circle at 50% 20%,rgba(30,64,175,.05) 0%,transparent 50%),radial-gradient(circle at 50% 80%,rgba(30,58,138,.04) 0%,transparent 50%);pointer-events:none;z-index:0}.about-timeline-section{position:relative;z-index:1}.about-additional-content{display:flex;flex-direction:column;gap:2rem;margin-top:3rem;position:relative;z-index:1;padding-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.about-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.about-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026;z-index:10}.about-card h2{margin:0 0 1.5rem;color:var(--accent);font-size:1.25rem;border-bottom:2px solid var(--border);padding-bottom:.5rem}.experience-card{grid-column:1 / -1;overflow:hidden}.experience-flow{display:flex;flex-direction:column;gap:1.5rem;position:relative;padding:1rem 0;max-width:500px;margin:0 auto;z-index:2}.experience-flow:after{content:"";position:absolute;top:0;left:1.5rem;bottom:0;width:2px;background:linear-gradient(to bottom,var(--accent) 0%,var(--accent-hover) 25%,var(--accent-hover) 50%,var(--accent-hover) 75%,var(--accent) 100%);border-radius:1px;z-index:1;opacity:.6}.flow-node{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;margin-left:3rem}.flow-node:hover{transform:translateY(-2px);border-color:var(--accent);background:var(--surface-elevated);box-shadow:0 8px 25px var(--shadow)}.flow-node.promotion:after{background:var(--accent);box-shadow:0 0 0 2px var(--surface),0 0 8px var(--accent)}.flow-node.start:after{background:var(--accent-hover);box-shadow:0 0 0 2px var(--surface),0 0 8px var(--accent-hover)}.flow-node.company:after{background:var(--accent);box-shadow:0 0 0 2px var(--surface),0 0 8px var(--accent)}.company-indicator{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.company-line{width:20px;height:2px;background:linear-gradient(90deg,#1e40af,#3b82f6);border-radius:1px}.company-text{color:#1e40af}.sub-roles{margin-top:1rem;position:relative}.sub-role{margin-bottom:.75rem;padding:.75rem;background:#1e40af0d;border-radius:8px;border-left:2px solid transparent;transition:all .2s ease}.sub-role:hover{border-left-color:var(--accent);background:#1e40af1a}.sub-role:last-child{margin-bottom:0}.sub-role-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.sub-role-title{font-size:.85rem;font-weight:600;color:var(--text)}.sub-role-period{font-size:.75rem;color:var(--muted)}.sub-role-highlights{display:flex;flex-direction:column;gap:.5rem}.sub-role-highlight{font-size:.8rem;color:var(--muted);line-height:1.3;padding:.5rem;background:#1e40af0d;border-radius:6px;border-left:2px solid transparent;transition:all .2s ease}.sub-role-highlight:hover{background:#1e40af1a;transform:translate(4px);color:var(--text)}.flow-node:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(30,64,175,.05) 100%);opacity:0;transition:opacity .3s ease}.flow-node:hover:before{opacity:1}.flow-node:hover{transform:translateY(-4px) scale(1.02);border-color:var(--custom-border);box-shadow:0 20px 40px #0003,0 0 0 1px var(--custom-border)}.flow-node.promotion{border-left:3px solid #1e40af}.flow-node.start{border-left:3px solid #1e3a8a}.node-content{position:relative;z-index:2;margin-bottom:1rem}.role-title{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:.5rem;letter-spacing:-.01em}.company-name{font-size:.9rem;color:var(--accent);font-weight:600;margin-bottom:.25rem}.time-period{font-size:.8rem;color:var(--muted);opacity:.8}.progression-indicator,.origin-indicator{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.achievements{position:relative;z-index:2}.achievement-item{background:#2563eb0d;border-radius:8px;padding:.75rem;margin-bottom:.75rem;font-size:.85rem;color:var(--text-muted);line-height:1.4;border-left:2px solid transparent;transition:all .2s ease}[data-theme=dark] .achievement-item{background:#3b82f614}.achievement-item:hover{border-left-color:var(--accent);background:#2563eb1a;color:var(--text)}[data-theme=dark] .achievement-item:hover{background:#3b82f626}.achievement-item:last-child{margin-bottom:0}@media (max-width: 768px){.experience-flow{gap:1.25rem;padding:.5rem 0;max-width:100%}.experience-flow:after{left:1.25rem;width:1.5px}.flow-node{margin-left:2.5rem;padding:.875rem}.flow-node:after{left:-1.875rem;width:8px;height:8px}.node-content{flex-direction:column;gap:1rem;position:relative}.role-container{order:1;width:100%}.image-container{position:static!important;order:2;align-self:center;margin-top:.5rem;width:auto;height:auto;max-width:80px;max-height:80px}.image-container img{width:auto;height:auto;max-width:80px;max-height:80px;object-fit:contain}.progression-indicator,.origin-indicator{position:static;margin-top:.5rem;justify-content:flex-start}}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.skill-category{position:relative;padding:1rem;background:transparent;border-radius:8px;transition:all .3s ease}.skill-category:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(30,64,175,.08) 0%,transparent 60%),radial-gradient(circle at 70% 80%,rgba(30,58,138,.06) 0%,transparent 60%);border-radius:12px;pointer-events:none;z-index:0}.skill-category:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.skill-category h4,.skill-category p{position:relative;z-index:1}.skills-section{position:relative}.skills-section:before{content:"";position:absolute;top:-1rem;left:-1rem;right:-1rem;bottom:-1rem;border-radius:12px;pointer-events:none;z-index:0}.skill-category h4{margin:0 0 .5rem;color:var(--accent);font-size:.95rem;font-weight:600}.skill-category p{margin:0;font-size:.9rem;color:var(--muted);line-height:1.4}.projects-showcase{display:flex;flex-direction:column;gap:1.25rem}.project-item h4{margin:0 0 .5rem;color:var(--text);font-size:1rem;font-weight:600}.project-item p{margin:0;font-size:.9rem;color:var(--muted);line-height:1.4}.education-card{position:relative;overflow:hidden}.education-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#4e2a8414,#4e2a8408,#4e2a8405);opacity:1;pointer-events:none}.education-content{position:relative;z-index:1}.education-main{margin-bottom:2rem}.education-institution{margin-bottom:2rem;position:relative;overflow:hidden;padding-bottom:1.5rem}.education-institution:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#4e2a8414,#4e2a8408,#4e2a8405);opacity:1;pointer-events:none;border-radius:12px}.institution-header{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#4e2a8414,#4e2a840a);border-radius:12px;transition:all .3s ease;position:relative;z-index:1}.institution-header:hover{background:linear-gradient(135deg,#4e2a841f,#4e2a840f);transform:translateY(-2px);box-shadow:0 8px 25px #4e2a8426}.institution-info{flex:1}.institution-name{margin:0;color:#4e2a84;font-size:1.5rem;font-weight:700;letter-spacing:-.01em}.institution-logo{flex-shrink:0;display:flex;align-items:center;justify-content:center}.degrees-list{display:flex;flex-direction:column;gap:.75rem;padding-left:1rem;position:relative;z-index:1}.degrees-list:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#4e2a84,#4e2a844d);border-radius:1px}.degree-item{background:transparent;padding:1rem 1.5rem;border-radius:8px;transition:all .3s ease,border-radius .3s ease;position:relative}.degree-item:hover{background:#4e2a840d;transform:translate(8px)}.degree-item h4{margin:0 0 .5rem;color:var(--text);font-size:1.1rem;font-weight:600;transition:color .3s ease}.degree-item:hover h4{color:#4e2a84}.degree-details{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.degree-period{color:var(--muted);font-size:.9rem;font-weight:500;transition:color .3s ease}.degree-gpa{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.gpa-score{font-size:.85rem;color:var(--text);font-weight:500}.gpa-honors{font-size:.75rem;color:#4e2a84;font-weight:600;font-style:italic;text-align:left;position:relative;padding-left:1rem}.gpa-honors:before{content:"★";position:absolute;left:0;top:0;color:#4e2a84;font-size:.7rem}.degree-item:hover .degree-period{color:var(--text)}.university-logo{height:80px;width:auto;object-fit:contain;transition:all .3s ease}.university-logo-small{height:60px;width:auto;object-fit:contain;transition:all .3s ease}.university-logo:hover,.university-logo-small:hover{transform:scale(1.05);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.education-degree h3{margin:0 0 .5rem;color:var(--text);font-size:1.25rem;font-weight:700;line-height:1.3;display:flex;flex-direction:column;gap:.25rem}.education-school{color:var(--accent);font-weight:600;font-size:1rem;margin-bottom:.5rem}.education-period{color:var(--muted);font-size:.9rem;font-weight:500}.education-extracurriculars{border-top:1px solid var(--border);padding-top:1.5rem}.education-extracurriculars h4{margin:0 0 1rem;color:var(--text);font-size:1rem;font-weight:600}.extracurricular-list{display:flex;flex-direction:column;gap:.75rem}.extracurricular-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#1e40af0d;border:1px solid rgba(30,64,175,.1);border-radius:10px;transition:all .3s ease;position:relative;overflow:hidden}.extracurricular-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1e40af1a,#1e40af0d);opacity:0;transition:opacity .3s ease;pointer-events:none}.extracurricular-item:hover{background:#1e40af1a;border-color:#1e40af4d;transform:translate(6px) translateY(-2px);box-shadow:0 8px 20px #1e40af26}.extracurricular-item:hover:before{opacity:1}.activity-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#1e40af;margin-top:.125rem}.activity-text{color:var(--text);font-size:.95rem;line-height:1.5;font-weight:500;position:relative;z-index:1}.about-footer{text-align:center;padding:2rem 0;border-top:1px solid var(--border);margin-top:2rem;max-width:600px;margin-left:auto;margin-right:auto;position:relative;z-index:1}.about-footer h2{margin:0 0 1rem;color:var(--accent)}.about-footer p{max-width:600px;margin:0 auto;color:var(--muted);font-size:1rem;line-height:1.6}.projects-hero{text-align:center;margin-bottom:3rem}.projects-hero h1{margin-bottom:1rem;color:var(--text)}.projects-hero p{font-size:1.1rem;color:var(--muted);max-width:600px;margin:0 auto;line-height:1.6}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1e40af0d,#1e3a8a08);opacity:0;transition:opacity .3s ease;pointer-events:none}.project-card.personal:before{background:linear-gradient(135deg,#1e40af14,#3b82f608,#2563eb05);opacity:1}.project-card.professional:before{background:linear-gradient(135deg,#2563eb14,#1e3a8a08,#3b82f605);opacity:1}.project-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000026;border-color:var(--accent)}.project-card.personal:hover:before{background:linear-gradient(135deg,#1e40af1f,#3b82f60f,#2563eb0a)}.project-card.professional:hover:before{background:linear-gradient(135deg,#2563eb1f,#1e3a8a0f,#3b82f60a)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.project-header h3{margin:0;color:var(--text);font-size:1.25rem;font-weight:700;line-height:1.3;flex:1}.project-type-header{margin-bottom:1rem;display:flex;justify-content:flex-start}.project-type{display:inline-block;padding:.25rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.project-type.personal{background:#1e40af33;color:var(--accent);border:1px solid rgba(30,64,175,.4)}.project-type.professional{background:#1e3a8a33;color:#1e3a8a;border:1px solid rgba(30,58,138,.4)}.project-links{display:flex;gap:.75rem;flex-shrink:0}.project-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#1e40af1a;border:1px solid rgba(30,64,175,.2);border-radius:8px;color:var(--accent);text-decoration:none;font-size:.85rem;font-weight:600;transition:all .2s ease}.project-link.github{background:#0000001a;border-color:var(--border);color:var(--text)}.project-link.demo{background:#1e3a8a1a;border-color:#1e3a8a4d;color:#1e3a8a}.project-link:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.project-link.github:hover{background:#0003;border-color:var(--accent);color:var(--accent)}.project-link.github.private{background:#0000000d;border-color:var(--border);color:var(--muted);cursor:not-allowed;opacity:.7}.project-link.github.private:hover{background:#0000000d;border-color:var(--border);color:var(--muted);transform:none;box-shadow:none}.project-link.demo:hover{background:#1e3a8a33;border-color:#1e3a8a;color:#1e3a8a}.project-link.demo.private{background:#1e3a8a0d;border-color:var(--border);color:var(--muted);cursor:not-allowed;opacity:.7}.project-link.demo.private:hover{background:#1e3a8a0d;border-color:var(--border);color:var(--muted);transform:none;box-shadow:none}.project-link.demo.in-dev{background:#ffc1071a;border-color:#ffc1074d;color:#ffc107;cursor:default}.project-link.demo.in-dev:hover{background:#ffc10726;border-color:#ffc107;color:#ffc107;transform:none;box-shadow:none}.project-description{color:var(--muted);line-height:1.6;margin-bottom:1.5rem;font-size:.95rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{display:inline-block;padding:.375rem .75rem;background:#1e40af1a;border:1px solid rgba(30,64,175,.2);border-radius:6px;color:var(--accent);font-size:.8rem;font-weight:500;transition:all .2s ease}.tech-tag:hover{background:#1e40af33;border-color:var(--accent);transform:translateY(-1px)}@media (max-width: 768px){.about-additional-content{gap:1.5rem}.skills-grid{grid-template-columns:1fr;gap:1rem}.about-card{padding:1.25rem}.about-hero{margin-bottom:2rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-card{padding:1.5rem}.project-header{flex-direction:column;align-items:stretch;gap:1rem}.project-links{justify-content:flex-start}.projects-hero{margin-bottom:2rem}.institution-header{flex-direction:column;align-items:center;gap:1rem;text-align:center;padding:1.25rem}.university-logo{height:60px}.university-logo-small{height:50px}.degrees-list{gap:.5rem;padding-left:.75rem}.degree-item{padding:.875rem 1.25rem}}.contact-hero{text-align:center;margin-bottom:3rem}.contact-hero h1{margin-bottom:1rem;color:var(--text)}.contact-hero p{font-size:1.1rem;color:var(--muted);max-width:600px;margin:0 auto;line-height:1.6}.contact-info{display:flex;flex-direction:column;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.contact-item{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 0;border-bottom:1px solid var(--border);transition:all .2s ease}.contact-item:last-child{border-bottom:none}.contact-item:hover{transform:translate(8px)}.contact-label{display:flex;align-items:center;gap:.75rem;min-width:120px;font-weight:600;color:var(--text);font-size:.95rem}.contact-label svg{color:var(--accent);flex-shrink:0}.contact-value{color:var(--muted);text-decoration:none;font-size:1rem;word-break:break-all;transition:color .2s ease}.contact-value:hover{color:var(--accent)}.contact-cta{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2.5rem;position:relative;overflow:hidden;margin-bottom:3rem}.contact-cta:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1e40af0d,#1e3a8a08);pointer-events:none}.contact-cta h2{margin:0 0 1rem;color:var(--text);font-size:1.5rem;position:relative;z-index:1}.contact-cta p{margin:0 0 2rem;color:var(--muted);font-size:1rem;line-height:1.6;max-width:500px;margin-left:auto;margin-right:auto;position:relative;z-index:1}.contact-cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}.cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .2s ease}@media (max-width: 768px){.contact-info{margin-bottom:2rem}.contact-item{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem 0}.contact-item:hover{transform:none}.contact-label{min-width:auto;font-size:.9rem}.contact-value{font-size:.95rem;word-break:break-word}.contact-cta{padding:2rem}.contact-cta-buttons{flex-direction:column;align-items:stretch}.cta-button{justify-content:center}.contact-hero{margin-bottom:2rem}}#home{position:relative}.home-hero{margin-bottom:4rem;position:relative;padding:3rem 0;margin:2rem 0 4rem;z-index:1}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(5px) rotate(-1deg)}}@keyframes drift{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(10px) translateY(-5px)}50%{transform:translate(-5px) translateY(10px)}75%{transform:translate(-10px) translateY(-5px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up,.animate-fade-in-left,.animate-fade-in-right,.animate-fade-in,.animate-scale-in{opacity:0;transition:all .6s ease-out}.animate-on-scroll.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-on-scroll.animate-fade-in-left{animation:fadeInLeft .6s ease-out forwards}.animate-on-scroll.animate-fade-in-right{animation:fadeInRight .6s ease-out forwards}.animate-on-scroll.animate-fade-in{animation:fadeIn .6s ease-out forwards}.animate-on-scroll.animate-scale-in{animation:scaleIn .6s ease-out forwards}.animate-on-scroll.animate-delay-100{animation-delay:.1s}.animate-on-scroll.animate-delay-200{animation-delay:.2s}.animate-on-scroll.animate-delay-300{animation-delay:.3s}.animate-on-scroll.animate-delay-400{animation-delay:.4s}.animate-on-scroll.animate-delay-500{animation-delay:.5s}.contact-form{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column;margin-bottom:1rem}.form-group label{margin-bottom:.5rem;color:var(--text);font-weight:500;font-size:.9rem}.form-group input,.form-group textarea{padding:.75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:1rem;transition:all .2s ease;font-family:inherit}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted);opacity:.7}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a}.form-group input.error,.form-group textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-group textarea{resize:vertical;min-height:100px}.error-message{color:#ef4444;font-size:.8rem;margin-top:.25rem}.form-submit{width:100%;justify-content:center;gap:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.contact-form-success{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem 1.5rem;text-align:center;margin-bottom:2rem}.success-icon{color:#10b981;margin-bottom:1rem}.contact-form-success h3{margin:0 0 .5rem;color:var(--text);font-size:1.5rem;font-weight:600}.contact-form-success p{margin:0 0 2rem;color:var(--text-muted);font-size:1rem}@media (max-width: 768px){.form-grid{grid-template-columns:1fr;gap:.75rem}.contact-form{padding:1.25rem}.contact-form-success{padding:1.5rem 1.25rem}}.testimonials-hero{text-align:center;margin-bottom:3rem}.testimonials-hero h1{margin:0 0 1rem;color:var(--text);font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.02em}.testimonials-subtitle{color:var(--text-muted);font-size:1.1rem;max-width:600px;margin:0 auto}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.testimonial-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.testimonial-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent),#8b5cf6);opacity:0;transition:opacity .3s ease}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px var(--shadow);border-color:var(--accent)}.testimonial-card:hover:before{opacity:1}.testimonial-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.testimonial-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--accent);display:flex;align-items:center;justify-content:center}.testimonial-avatar img{width:100%;height:100%;object-fit:cover}.avatar-initials{color:#fff;font-weight:600;font-size:1.2rem}.testimonial-info{flex:1}.testimonial-name{margin:0 0 .25rem;color:var(--text);font-size:1.1rem;font-weight:600}.testimonial-role{margin:0 0 .25rem;color:var(--accent);font-size:.9rem;font-weight:500}.testimonial-company{margin:0;color:var(--text-muted);font-size:.9rem}.testimonial-rating{display:flex;gap:.25rem;margin-bottom:1rem}.testimonial-rating svg{color:#fbbf24;fill:currentColor}.testimonial-quote{margin:0;color:var(--text);font-size:1rem;line-height:1.6;font-style:italic;position:relative;padding-left:1.5rem}.testimonial-quote:before{content:'"';position:absolute;left:0;top:-.5rem;font-size:2rem;color:var(--accent);font-family:serif;line-height:1}@media (max-width: 768px){.testimonials-grid{grid-template-columns:1fr;gap:1.5rem}.testimonial-card{padding:1.5rem}.testimonial-header{flex-direction:column;text-align:center;gap:.75rem}.testimonial-avatar{width:50px;height:50px}}.showcase-hero{text-align:center;margin-bottom:3rem}.showcase-hero h1{margin:0 0 1rem;color:var(--text);font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.02em}.showcase-subtitle{color:var(--text-muted);font-size:1.1rem;max-width:600px;margin:0 auto}.showcase-categories{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.category-btn{padding:.75rem 1.5rem;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:25px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.category-btn:hover{background:var(--surface-elevated);border-color:var(--accent);transform:translateY(-2px)}.category-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 12px #2563eb4d}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:all .3s ease;cursor:pointer;position:relative}.project-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px var(--shadow);border-color:var(--accent)}.project-image{position:relative;height:200px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000000b3,#0000004d);opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}.project-card:hover .project-overlay{opacity:1}.project-status{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.gallery-indicator{display:flex;justify-content:center;align-items:center}.gallery-count{background:#000c;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.completed{background:#10b981;color:#fff}.status-badge.in-progress{background:#f59e0b;color:#fff}.status-badge.planned{background:#6b7280;color:#fff}.project-year{color:#fff;font-size:.8rem;font-weight:500}.project-content{padding:1.5rem}.project-content h3{margin:0 0 .75rem;color:var(--text);font-size:1.25rem;font-weight:600}.project-content p{margin:0 0 1rem;color:var(--text-muted);font-size:.95rem;line-height:1.5}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{padding:.25rem .75rem;background:var(--surface-elevated);color:var(--text);border:1px solid var(--border);border-radius:12px;font-size:.8rem;font-weight:500}.tech-tag.more{background:var(--accent);color:#fff;border-color:var(--accent)}.project-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:2rem;opacity:0;visibility:hidden;transition:all .3s ease}.project-modal-overlay.open{opacity:1;visibility:visible}.project-modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;transform:scale(.9);transition:transform .3s ease}.project-modal-overlay.open .project-modal{transform:scale(1)}.modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border:none;background:var(--surface-elevated);color:var(--text);border-radius:50%;font-size:1.5rem;cursor:pointer;z-index:10;transition:all .2s ease}.modal-close:hover{background:var(--accent);color:#fff;transform:scale(1.1)}.modal-content{display:grid;grid-template-columns:1fr 1fr;gap:0}.modal-image{height:300px;overflow:hidden}.modal-image img{width:100%;height:100%;object-fit:cover}.modal-info{padding:2rem}.modal-header{margin-bottom:1.5rem}.modal-header h2{margin:0 0 1rem;color:var(--text);font-size:1.5rem;font-weight:600}.modal-meta{display:flex;gap:1rem;align-items:center}.modal-description{margin:0 0 2rem;color:var(--text-muted);font-size:1rem;line-height:1.6}.modal-section{margin-bottom:2rem}.modal-section h4{margin:0 0 1rem;color:var(--text);font-size:1.1rem;font-weight:600}.tech-list{display:flex;flex-wrap:wrap;gap:.5rem}.results-list{list-style:none;padding:0;margin:0}.results-list li{color:var(--text-muted);position:relative;padding:.5rem 0 .5rem 1.5rem}.results-list li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}@media (max-width: 768px){.showcase-categories{gap:.5rem}.category-btn{padding:.5rem 1rem;font-size:.8rem}.showcase-grid{grid-template-columns:1fr;gap:1.5rem}.project-modal{margin:1rem;max-height:95vh}.modal-content{grid-template-columns:1fr}.modal-image{height:200px}.modal-info{padding:1.5rem}}.gallery-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);z-index:3000;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,background .3s ease-in-out,backdrop-filter .3s ease-in-out,transform .3s ease-in-out;pointer-events:none;transform:scale(.95)}.gallery-modal-overlay.open{opacity:1;visibility:visible;pointer-events:all;background:#0000001a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transform:scale(1)}.gallery-modal{background:#ffffff0d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;border-radius:8px;max-width:90vw;max-height:90vh;width:100%;height:90vh;position:relative;transform:scale(.8) translateY(20px);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease-in-out;overflow:hidden;opacity:0;box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff1a;display:flex;flex-direction:column}.gallery-modal-overlay.open .gallery-modal{transform:scale(1) translateY(0);opacity:1}.gallery-close{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;border:none;background:#00000080;color:#fff;border-radius:50%;font-size:1.2rem;cursor:pointer;z-index:20;transition:all .3s cubic-bezier(.4,0,.2,1);transform:scale(.8);opacity:0;display:flex;align-items:center;justify-content:center;line-height:1}.gallery-modal-overlay.open .gallery-close{transform:scale(1);opacity:1}.gallery-close:hover{background:#000000b3;transform:scale(1.05)}.gallery-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:none;background:transparent;transform:translateY(-20px);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1) .1s;flex-shrink:0;min-height:60px}.gallery-modal-overlay.open .gallery-header{transform:translateY(0);opacity:1}.gallery-header h2{margin:0;color:var(--text);font-size:1.5rem;font-weight:600}.gallery-counter{color:var(--text-muted);font-size:1rem;font-weight:500;margin-right:3rem;min-width:6rem;text-align:right}.gallery-main{display:flex;align-items:center;justify-content:center;position:relative;background:#000;flex:1;min-height:0;transform:scale(.95);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1) .2s}.gallery-modal-overlay.open .gallery-main{transform:scale(1);opacity:1}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%) scale(.8);width:40px;height:40px;border:none;background:#0006;color:#fff;border-radius:50%;font-size:1.2rem;cursor:pointer;z-index:10;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;display:flex;align-items:center;justify-content:center;line-height:1}.gallery-modal-overlay.open .gallery-nav{transform:translateY(-50%) scale(1);opacity:1}.gallery-nav:hover:not(:disabled){background:#0009;transform:translateY(-50%) scale(1.05)}.gallery-nav:disabled{opacity:.3;cursor:not-allowed}.gallery-prev{left:1rem}.gallery-next{right:1rem}.gallery-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:grab}.gallery-image-container:active{cursor:grabbing}.gallery-image-container img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 10px 25px #0006;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transform:translate(0) scale(1);opacity:1}.gallery-image.fade-in{opacity:1;transform:scale(1)}.gallery-image.fade-out{opacity:0;transform:scale(.95)}.gallery-image-container img:hover{transform:scale(1.02);box-shadow:0 15px 35px #00000080}.gallery-thumbnails{display:flex;gap:.5rem;padding:1rem 1.5rem;background:transparent;border-top:none;overflow-x:auto;justify-content:center;transform:translateY(20px);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1) .3s;flex-shrink:0;min-height:80px}.gallery-modal-overlay.open .gallery-thumbnails{transform:translateY(0);opacity:1}.gallery-thumbnail{width:70px;height:50px;object-fit:cover;border-radius:4px;cursor:pointer;border:1px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;transform:scale(1)}.gallery-thumbnail:hover{border-color:var(--accent);transform:scale(1.05)}.gallery-thumbnail.active{border-color:var(--accent);transform:scale(1.1)}.scheduler-hero{text-align:center;margin-bottom:3rem}.scheduler-hero h1{font-size:2.5rem;font-weight:700;color:var(--text);margin-bottom:1rem;background:linear-gradient(135deg,var(--accent),var(--accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.scheduler-subtitle{font-size:1.2rem;color:var(--text-muted);max-width:600px;margin:0 auto;line-height:1.6}.scheduler-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1200px;margin:0 auto;align-items:start}.scheduler-info{display:flex;flex-direction:column;gap:2rem}.scheduler-benefits,.scheduler-contact{background:var(--surface);padding:2rem;border-radius:12px;border:1px solid var(--border);box-shadow:0 4px 6px #0000000d}.scheduler-benefits h3,.scheduler-contact h3{font-size:1.5rem;font-weight:600;color:var(--text);margin-bottom:1rem}.scheduler-benefits ul{list-style:none;padding:0;margin:0}.scheduler-benefits li{color:var(--text-muted);position:relative;padding:.75rem 0 .75rem 1.5rem}.scheduler-benefits li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}.scheduler-contact p{color:var(--text-muted);margin-bottom:1.5rem;line-height:1.6}.contact-options{display:flex;flex-direction:column;gap:1rem}.contact-option{display:flex;align-items:center;padding:1rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text);text-decoration:none;transition:all .3s ease;font-weight:500}.contact-option:hover{background:var(--accent);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.calendly-container,.mock-calendar-container{background:var(--surface);border-radius:12px;padding:1rem;border:1px solid var(--border);box-shadow:0 4px 6px #0000000d;overflow:hidden}.calendly-inline-widget{border-radius:8px;overflow:hidden}.mock-calendar{padding:1rem}.calendar-header{text-align:center;margin-bottom:2rem}.calendar-header h3{font-size:1.5rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.calendar-header p{color:var(--text-muted);font-size:.9rem}.date-selector{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.date-btn{padding:.75rem 1rem;border:1px solid var(--border);background:var(--surface-elevated);color:var(--text);border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.9rem}.date-btn:hover,.date-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.time-slots h4{font-size:1.2rem;font-weight:600;color:var(--text);margin-bottom:1rem;text-align:center}.time-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-bottom:2rem}.time-btn{padding:1rem;border:1px solid var(--border);background:var(--surface-elevated);color:var(--text);border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;text-align:center}.time-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px)}.time-btn.selected{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 12px #00000026}.booking-actions{text-align:center}.book-btn{padding:1rem 2rem;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;min-width:200px;justify-content:center}.book-btn.enabled{background:var(--accent);color:#fff}.book-btn.enabled:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.book-btn.disabled{background:var(--muted);color:var(--text-muted);cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.booking-success{text-align:center;padding:2rem}.success-icon{width:60px;height:60px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin:0 auto 1.5rem}.booking-success h3{font-size:1.8rem;font-weight:600;color:var(--text);margin-bottom:1rem}.booking-success p{color:var(--text-muted);margin-bottom:1rem;line-height:1.6}.booking-details{background:var(--surface-elevated);padding:1.5rem;border-radius:8px;margin:1.5rem 0;border:1px solid var(--border);font-size:1.1rem}.confirmation-note{font-size:.9rem;color:var(--text-muted);font-style:italic}.book-another-btn{padding:.75rem 1.5rem;border:1px solid var(--accent);background:transparent;color:var(--accent);border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;margin-top:1rem}.book-another-btn:hover{background:var(--accent);color:#fff}@media (max-width: 768px){.scheduler-content{grid-template-columns:1fr;gap:2rem}.scheduler-hero h1{font-size:2rem}.scheduler-subtitle{font-size:1.1rem}.scheduler-benefits,.scheduler-contact{padding:1.5rem}.calendly-container{padding:.5rem}.calendly-inline-widget{min-width:280px!important;height:600px!important}.date-selector{justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem}.date-btn{flex-shrink:0;white-space:nowrap}.time-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem}.time-btn{padding:.75rem;font-size:.9rem}.book-btn{min-width:180px;padding:.875rem 1.5rem;font-size:1rem}}@media (max-width: 768px){.gallery-modal-overlay{padding:0;position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;height:100dvh}.gallery-modal{max-width:100vw;max-height:100vh;border-radius:0;margin:0;width:100vw;height:100vh;height:100dvh;max-height:100dvh}.gallery-header{padding:1rem;flex-direction:column;gap:.5rem;text-align:center;position:absolute;top:0;left:0;right:0;z-index:15;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding-top:max(1rem,env(safe-area-inset-top,1rem));min-height:calc(80px + env(safe-area-inset-top,0px))}.gallery-header:before{content:"";position:absolute;top:.5rem;left:50%;transform:translate(-50%);width:40px;height:4px;background:#ffffff4d;border-radius:2px;pointer-events:none;z-index:1}.gallery-header h2{font-size:1.25rem;color:#fff}.gallery-counter{color:#fffc;margin-right:3rem;min-width:6rem;text-align:right}.gallery-main{min-height:100vh;min-height:100dvh;padding-top:calc(80px + env(safe-area-inset-top,0px));padding-bottom:120px;display:flex;align-items:center;justify-content:center}.gallery-nav{width:50px;height:50px;font-size:1.5rem;background:#000c;display:flex;align-items:center;justify-content:center;line-height:1}.gallery-prev{left:1rem}.gallery-next{right:1rem}.gallery-image-container{padding:.5rem;height:calc(100vh - 200px);height:calc(100dvh - 200px);min-height:300px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:grab;display:flex;align-items:center;justify-content:center}.gallery-image-container:active{cursor:grabbing}.gallery-image-container img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.gallery-thumbnails{padding:.75rem;justify-content:flex-start;position:absolute;bottom:0;left:0;right:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1)}.gallery-thumbnail{width:60px;height:45px}.gallery-close{top:max(1rem,env(safe-area-inset-top,1rem));right:1rem;background:#000c}}.hero-content{display:grid;grid-template-columns:1fr 300px;gap:3rem;align-items:center;max-width:1000px;margin:0 auto;position:relative;z-index:2}.hero-text{text-align:left}.hero-image{display:flex;justify-content:center;align-items:center}.profile-photo{width:200px;height:200px;border-radius:50%;object-fit:cover;object-position:center;border:4px solid var(--accent);box-shadow:0 20px 40px #00000026;transition:all .3s ease}.profile-photo:hover{transform:scale(1.05);box-shadow:0 25px 50px #0003}.home-hero h1{margin-bottom:.5rem;color:var(--text);font-size:clamp(2.5rem,4vw,4rem);font-weight:700;letter-spacing:-.02em}.hero-subtitle{font-size:1.25rem;color:var(--accent);font-weight:600;margin-bottom:1.5rem}.hero-description{font-size:1.1rem;color:var(--text-muted);line-height:1.7;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.hero-stats{display:flex;justify-content:flex-start;gap:3rem;flex-wrap:wrap}.stat{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.stat-number{font-size:2rem;font-weight:700;color:var(--accent);line-height:1}.stat-label{font-size:.9rem;color:var(--muted);font-weight:500;text-align:left}.company-highlights{display:flex;gap:3rem;margin:2.5rem 0;flex-wrap:wrap;justify-content:center;align-items:center}.company-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;transition:all .6s cubic-bezier(.23,1,.32,1);position:relative;transform:none;transform-origin:center}.company-badge:hover{transform:scale(1.08)}.company-badge.amerisave{background:radial-gradient(ellipse at center,rgba(20,83,45,.08) 0%,rgba(34,197,94,.04) 50%,transparent 100%);border-radius:50% 30%;padding:2.5rem 2rem}.company-badge.amerisave:hover{background:radial-gradient(ellipse at center,rgba(20,83,45,.12) 0%,rgba(34,197,94,.08) 50%,transparent 100%);box-shadow:0 15px 35px #14532d33}.company-badge.capitalone{background:radial-gradient(ellipse at center,rgba(220,38,38,.08) 0%,rgba(239,68,68,.04) 50%,transparent 100%);border-radius:30% 50%;padding:2.5rem 2rem}.company-badge.capitalone:hover{background:radial-gradient(ellipse at center,rgba(220,38,38,.12) 0%,rgba(239,68,68,.06) 50%,transparent 100%);box-shadow:0 15px 35px #dc262626}.company-badge.fub{background:radial-gradient(ellipse at center,rgba(30,64,175,.08) 0%,rgba(30,58,138,.04) 50%,transparent 100%);border-radius:50% 30%;padding:2.5rem 2rem}.company-badge.fub:hover{background:radial-gradient(ellipse at center,rgba(30,64,175,.12) 0%,rgba(30,58,138,.08) 50%,transparent 100%);box-shadow:0 15px 35px #1e40af33}.company-logo{width:160px;height:160px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:50%;padding:20px;transition:all .6s cubic-bezier(.23,1,.32,1);position:relative;box-shadow:0 8px 20px #0000001a;margin-bottom:1.2rem}.company-badge:hover .company-logo{transform:scale(1.05);box-shadow:0 12px 25px #00000026}.company-logo:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);z-index:-1;opacity:0;transition:all .6s cubic-bezier(.23,1,.32,1)}.company-badge:hover .company-logo:before{opacity:1}.company-logo img{width:100%;height:100%;object-fit:contain;transition:all .6s cubic-bezier(.23,1,.32,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.company-badge:hover .company-logo img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.home-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem;position:relative;z-index:1}.highlight-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden;display:flex;align-items:flex-start;gap:1.5rem}.highlight-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1e40af0d,#1e3a8a08);opacity:0;transition:opacity .3s ease;pointer-events:none}.highlight-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a;border-color:var(--accent)}.highlight-card:hover:before{opacity:1}.highlight-icon{flex-shrink:0;width:48px;height:48px;background:#1e40af1a;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent);transition:all .3s ease}.highlight-card:hover .highlight-icon{background:#1e40af33;transform:scale(1.05)}.highlight-content h3{margin:0 0 .75rem;color:var(--text);font-size:1.25rem;font-weight:600}.highlight-content p{margin:0;color:var(--muted);line-height:1.6;font-size:.95rem}.home-cta{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:3rem;position:relative;overflow:hidden;z-index:1}.home-cta:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1e40af0d,#1e3a8a08);pointer-events:none}.home-cta h2{margin:0 0 1rem;color:var(--text);font-size:1.75rem;position:relative;z-index:1}.home-cta p{margin:0 0 2rem;color:var(--muted);font-size:1.1rem;line-height:1.6;max-width:500px;margin-left:auto;margin-right:auto;position:relative;z-index:1}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}.cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .2s ease}.cta-button.primary{background:var(--accent);color:#fff;border:1px solid var(--accent)}.cta-button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.cta-button.secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.cta-button.secondary:hover{background:var(--surface);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-text{text-align:center}.hero-stats{gap:2rem;justify-content:center}}@media (max-width: 768px){.header{position:fixed;top:0;left:0;right:0;width:100%}.nav{padding:.75rem 1rem;justify-content:space-between;align-items:center;position:relative}.desktop-nav{display:none}.mobile-menu-toggle{display:block;order:2}.mobile-nav-links{display:flex;position:fixed;top:72px;left:1rem;right:1rem;bottom:1rem;background:#fffffff2;border:none;border-radius:20px;box-shadow:0 20px 60px #00000026,0 8px 25px #0000001a,0 0 0 1px #fff3;flex-direction:column;padding:1.5rem .75rem;gap:.5rem;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-20px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);pointer-events:none;overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 88px);min-height:320px}.mobile-nav-links::-webkit-scrollbar{width:4px}.mobile-nav-links::-webkit-scrollbar-track{background:transparent}.mobile-nav-links::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.mobile-nav-links::-webkit-scrollbar-thumb:hover{background:#0000004d}[data-theme=dark] .mobile-nav-links::-webkit-scrollbar-thumb{background:#fff3}[data-theme=dark] .mobile-nav-links::-webkit-scrollbar-thumb:hover{background:#ffffff4d}[data-theme=dark] .mobile-nav-links{background:#0f172af2;box-shadow:0 20px 60px #0000004d,0 8px 25px #0003,0 0 0 1px #ffffff1a}.mobile-nav-links.open{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:all}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:998;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none}.mobile-menu-overlay.open{opacity:1;visibility:visible;pointer-events:all}.mobile-nav-links a{padding:1.25rem 1.5rem;border-radius:16px;transition:all .3s ease;border-bottom:none;font-size:1.1rem;font-weight:600;position:relative;overflow:hidden;transform:translate(-20px);opacity:0;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:.75rem;background:transparent;border:1px solid transparent;z-index:2}.mobile-nav-links.open a{opacity:.7;transform:translate(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-nav-links.open a:nth-child(1){transition-delay:.05s}.mobile-nav-links.open a:nth-child(2){transition-delay:.1s}.mobile-nav-links.open a:nth-child(3){transition-delay:.15s}.mobile-nav-links.open a:nth-child(4){transition-delay:.2s}.mobile-nav-links.open a:nth-child(5){transition-delay:.25s}.mobile-nav-links a:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--accent),#8b5cf6);opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1);border-radius:16px;z-index:1;transform:scale(.8)}.mobile-nav-links a.active{color:#fff!important;opacity:1;background:linear-gradient(135deg,#2563ebcc,#8b5cf6cc);transform:translate(0) scale(1.05);box-shadow:0 10px 30px #2563eb4d,0 0 0 1px #fff3;border-color:#ffffff4d;z-index:3;position:relative}.mobile-nav-links a.active:before{opacity:0}.mobile-nav-links a:focus{outline:none}.mobile-nav-links a:active{color:#fff!important;background:linear-gradient(135deg,#2563ebcc,#8b5cf6cc);transform:scale(.98)}.main{padding:0 1rem}.section{padding:1.5rem 0;min-height:calc(100vh - 72px)}}.stat{align-items:center}.stat-label{text-align:center}.stat-number{font-size:1.75rem}.profile-photo{width:150px;height:150px}.company-highlights{flex-direction:column;gap:2rem;margin:2rem 0}.company-badge{padding:1.5rem}.company-badge:hover{transform:scale(1.05)}.company-logo{width:120px;height:120px;padding:15px}.home-highlights{grid-template-columns:1fr;gap:1.5rem}.highlight-card{padding:1.5rem}.home-cta{padding:2rem}.cta-buttons{flex-direction:column;align-items:stretch}.cta-button{justify-content:center}.footer{border-top:1px solid var(--border);padding:1rem;text-align:center;color:var(--muted);background:var(--surface);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.footer a{color:var(--text-muted);text-decoration:none;transition:color .3s ease}.footer a:hover{color:var(--accent)}.image-container{position:absolute;top:0;right:0;width:100px;border-radius:12px;overflow:hidden}.image-container img{width:100%;height:100%;object-fit:fill}