.navbar{position:fixed;inset:0 0 auto 0;height:70px;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#07090fb3,#07090f1a);border-bottom:1px solid var(--glass-border)}.nav-inner{width:min(1200px,92%);display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;letter-spacing:.4px;font-size:1.15rem;color:var(--fg)}.nav-links{display:flex;gap:20px}.nav-link{color:var(--muted);text-decoration:none;padding:8px 10px;border-radius:10px;transition:.25s;border:1px solid transparent}.nav-link:hover{color:var(--fg);border-color:var(--glass-border);background:var(--glass)}.nav-link.active{color:var(--bg);background:linear-gradient(135deg,var(--brand),var(--brand-2))}.menu-toggle{display:none;font-size:1.8rem;cursor:pointer;color:var(--fg);background:transparent;border:none;z-index:1100}.theme-toggle{position:relative;width:50px;height:26px;border-radius:50px;background:var(--glass);border:1px solid var(--glass-border);cursor:pointer;display:flex;align-items:center;justify-content:flex-start;padding:2px;transition:background .3s,justify-content .3s;margin-right:10px;z-index:1200}.theme-toggle .icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;transition:transform .3s;font-size:14px}body.dark .theme-toggle{justify-content:flex-end}@media (max-width: 768px){.menu-toggle{display:block}.nav-links{position:fixed;top:70px;right:-100%;width:220px;height:calc(100vh - 70px);background:var(--bg-2);flex-direction:column;align-items:flex-start;padding:20px;gap:18px;transition:right .3s ease-in-out;border-left:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-links.show{right:0}.nav-link{width:100%;padding:12px 0;font-size:1.1rem}}.progress-bar{position:fixed;top:0;left:0;height:4px;background:linear-gradient(135deg,var(--brand),var(--brand-2));z-index:9999;transition:width .1s ease-out}.back-to-top{position:fixed;bottom:30px;right:30px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#06101a;font-weight:700;border:none;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 16px #0000004d;transition:all .3s ease;z-index:1500}.back-to-top:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0006}.hero-subtitle{color:#4fc3f7}.hero-tagline{color:#b0bec5}.hero-content:after{background:radial-gradient(circle,#4dd0e1 0%,transparent 70%)}.hero-content:before{background:radial-gradient(circle,#81d4fa 0%,transparent 70%)}.muted{color:var(--muted);margin-bottom:12px}section{width:min(1200px,92%);margin:0 auto;padding:100px 0}.top-space{padding-top:120px}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.project-card{cursor:pointer}.project-title{font-weight:700;margin:6px 0 2px}.flip{perspective:1000px;height:200px}.flip-inner{position:relative;height:100%;width:100%;transform-style:preserve-3d;transition:transform .6s}.flip:hover .flip-inner{transform:rotateY(180deg)}.flip-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;border-radius:14px;backface-visibility:hidden}.flip-back{transform:rotateY(180deg);color:var(--bg);background:linear-gradient(135deg,var(--brand),var(--brand-2))}.grid{display:grid;gap:18px}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.glass{background:var(--glass);border:1px solid var(--glass-border);border-radius:18px;padding:20px;box-shadow:0 10px 40px #00000040;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform-style:preserve-3d;transition:transform .25s ease}.glass:hover{transform:translateY(-6px) rotateX(1.5deg) rotateY(-1.5deg)}.carousel{overflow:hidden;width:100%;position:relative}.track{display:flex;gap:28px;width:max-content;animation:scroll 40s linear infinite}.review-card{flex:0 0 380px;max-width:380px;min-height:240px;padding:24px;background:var(--glass);border:1px solid var(--glass-border);border-radius:20px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 6px 20px #00000040;display:flex;flex-direction:column;justify-content:space-between}.review-text{font-size:1rem;line-height:1.6;color:#f5f6f7;font-style:italic;margin-bottom:20px;flex-grow:1}.reviewer{display:flex;align-items:center;gap:12px;border-top:1px solid rgba(255,255,255,.2);padding-top:12px}.avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#7d3c99,#28a745);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1.1rem}.reviewer h3{font-size:1rem;margin:0}.reviewer .muted{font-size:.85rem;color:#cfd6dc;margin:0}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.section-title{text-align:center;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800;margin-bottom:26px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:min(780px,92%);background:var(--glass);border:1px solid var(--glass-border);border-radius:20px;padding:22px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.close{background:transparent;border:1px solid var(--glass-border);color:var(--fg);border-radius:10px;padding:8px 12px;cursor:pointer}#projects{width:min(1200px,92%);margin:0 auto;padding:100px 0}#projects .section-title{text-align:center;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;margin-bottom:40px}.category-section{margin-bottom:60px}.category-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:20px;color:var(--fg);text-align:left}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.project-card{cursor:pointer;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.project-card:hover{transform:translateY(-6px);box-shadow:0 10px 30px #00000040}.project-title{font-weight:700;margin:10px 0 6px}.badge{font-size:.75rem;color:#06101a;display:inline-block;padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--brand-2))}.project-card .muted{margin-top:4px}.modal ul.inline{list-style:none;padding:0;display:flex;gap:12px;flex-wrap:wrap;margin:0}.modal ul.inline li{background:var(--glass);padding:6px 12px;border-radius:12px;font-size:.875rem}#booking{text-align:center;padding:60px 20px}.booking-options{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:30px}.booking-card{border-radius:12px;padding:24px;max-width:320px;flex:1;box-shadow:0 6px 16px #00000014;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #fee}.booking-card:hover{transform:translateY(-6px);box-shadow:0 10px 20px #0000001f}.booking-card h3{margin-bottom:12px;font-size:1.25rem;font-weight:600}.booking-card p{margin-bottom:20px;color:#555}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:8px;font-weight:500;text-decoration:none;transition:background .3s}.btn-linkedin{background:green;color:#fff}.btn-linkedin:hover{background:#004182}.btn-ghost{border:2px solid orange;color:orange}.btn-ghost:hover{background:#0a66c2;color:#fff}#community{width:min(1200px,92%);margin:0 auto;padding:100px 0;text-align:center}#community h2{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;margin-bottom:20px}#community .muted{color:var(--muted);margin-bottom:12px}#community ul.inline{list-style:none;padding:0;margin:0;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}#community ul.inline li{background:var(--glass);padding:6px 14px;border-radius:12px;font-weight:500;cursor:pointer;transition:transform .2s ease,background .2s ease}#community ul.inline li:hover{transform:translateY(-2px);background:#77ffbb26}.cursor{position:fixed;top:0;left:0;width:20px;height:20px;border:2px solid var(--brand);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:transform .08s ease-out,width .2s,height .2s,background .2s,opacity .2s;opacity:.7;z-index:9999;mix-blend-mode:difference}.cursor.grow{width:50px;height:50px;background:#77ffbb1a;border-color:var(--brand-2)}:root{--bg:#07090f;--bg-2:#0b0f1a;--fg:#e8f0ff;--muted:#a7b0c2;--brand:#77ffbb;--brand-2:#7dd3fc;--glass: rgba(255,255,255,.06);--glass-border: rgba(255,255,255,.15)}body.dark{--bg: #07090f;--bg-2: #0b0f1a;--fg: #e8f0ff;--muted: #a7b0c2;--brand: #77ffbb;--brand-2: #7dd3fc;--glass: rgba(255,255,255,.06);--glass-border: rgba(255,255,255,.15);color:#fff}body.light{--bg: #f5f5f5;--bg-2: #e0e0e0;--fg: #1a1a1a;--muted: #555555;--brand: #77bfff;--brand-2: #7dd3fc;--glass: rgba(255,255,255,.3);--glass-border: rgba(0,0,0,.1);color:#000}*{box-sizing:border-box}html,body,#root{height:100%}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;overflow-x:hidden;transition:background .3s ease,color .3s ease}footer{padding:60px 0;text-align:center;color:var(--muted)}