:root{--bg: #f6f8ff;--bg-soft: #ffffff;--bg-surface: rgba(255, 255, 255, .82);--bg-strong: #ffffff;--text: #0f172a;--text-muted: #475569;--border: rgba(15, 23, 42, .08);--primary: #1173d4;--primary-strong: #0f61c8;--shadow: 0 30px 80px rgba(15, 23, 42, .12);--ring: rgba(17, 115, 212, .18)}.dark{--bg: #070b16;--bg-soft: rgba(15, 23, 42, .88);--bg-surface: rgba(15, 23, 42, .92);--bg-strong: #111827;--text: #f8fafc;--text-muted: #94a3b8;--border: rgba(148, 163, 184, .16);--primary: #4f8cff;--primary-strong: #2a6ce6;--shadow: 0 30px 80px rgba(0, 0, 0, .32);--ring: rgba(79, 140, 255, .15)}html{scroll-behavior:smooth}body{font-family:Space Grotesk,sans-serif;overflow-x:hidden;min-height:100vh;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at top left,rgba(17,115,212,.16),transparent 28%),radial-gradient(circle at bottom right,rgba(79,140,255,.14),transparent 25%),var(--bg);color:var(--text)}::selection{background:#1173d43d}header{backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);background:#ffffffd1;box-shadow:0 10px 40px #0f172a0f}.dark header{background:#070b16eb;box-shadow:0 10px 40px #00000040}nav a{position:relative}nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#1173d4;transition:width .25s ease}nav a:hover:after{width:100%}#mobile-menu{transition:opacity .2s ease,transform .2s ease;transform-origin:top}.project-card,.skill-card{border-radius:1.25rem;border:1px solid var(--border);background:var(--bg-surface);box-shadow:var(--shadow);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.dark .project-card,.dark .skill-card{border-color:#94a3b824;background:var(--bg-soft)}.project-card:hover,.skill-card:hover{transform:translateY(-6px);border-color:#1173d473;box-shadow:0 28px 70px #0f172a24}.project-image{transition:transform .45s ease,filter .45s ease}.project-card:hover .project-image{transform:scale(1.05);filter:saturate(1.1)}.section-surface{border-radius:1.75rem;border:1px solid rgba(255,255,255,.42);background:var(--bg-surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 32px 90px #0f172a14}.dark .section-surface{border-color:#ffffff14;background:#0f172adb}.timeline-item{transition:transform .2s ease}.timeline-item:hover{transform:translate(4px)}.profile-pic{transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 12px 26px #02061729}.profile-pic:hover{transform:scale(1.03);box-shadow:0 18px 34px #02061733}.btn-primary{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#fff;box-shadow:0 18px 40px #1173d433}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#ffffff38,#fff0);opacity:0;transform:translate(-40%);transition:opacity .2s ease,transform .35s ease;z-index:-1}.btn-primary:hover{transform:translateY(-1px)}.btn-primary:hover:before{opacity:1;transform:translate(0)}.form-input,.form-textarea{border:1px solid rgba(100,116,139,.24)}.form-input:focus,.form-textarea:focus{outline:none;border-color:#1173d49e;box-shadow:0 0 0 4px var(--ring);transform:translateY(-1px)}*:focus-visible{outline:2px solid #1173d4;outline-offset:2px}*{transition:background-color .2s ease,color .2s ease,border-color .2s ease}.toast{position:fixed;top:20px;right:20px;min-width:280px;max-width:460px;padding:16px 18px;border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 40px #02061738;z-index:9999;transform:translate(360px);opacity:0;transition:transform .28s ease,opacity .28s ease;display:flex;align-items:center;gap:12px}.toast.show{transform:translate(0);opacity:1}.toast-success{background:linear-gradient(135deg,#16a34af2,#15803df2);color:#fff}.toast-error{background:linear-gradient(135deg,#dc2626f2,#b91c1cf2);color:#fff}.toast-icon{flex-shrink:0;width:22px;height:22px}.toast-content{flex:1}.toast-title{font-weight:700;font-size:15px;margin-bottom:2px}.toast-message{font-size:13px;opacity:.94}.toast-close{flex-shrink:0;width:24px;height:24px;background:#fff3;border:none;border-radius:9999px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff}.toast-close:hover{background:#ffffff52}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0b1320}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1173d4,#3b95ec);border-radius:9999px}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media (max-width: 640px){.toast{left:16px;right:16px;min-width:auto;transform:translateY(-70px)}.toast.show{transform:translateY(0)}}