:root{--bg-primary:#030712;--bg-secondary:#091224;--bg-card:#0f1b30bf;--bg-glass:#0f1b3080;--bg-glass-hover:#142644bf;--accent-cyan:#00d4ff;--accent-purple:#a855f7;--accent-blue:#3b82f6;--accent-emerald:#10b981;--accent-glow:#00d4ff2e;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#ffffff14;--border-glow:#00d4ff59;--border-purple:#a855f759;--font:"Space Grotesk", "Inter", sans-serif;--radius-sm:10px;--radius-md:18px;--radius-lg:26px;--transition:.35s cubic-bezier(.16, 1, .3, 1);--shadow-glow:0 0 50px #00d4ff26;--shadow-card:0 12px 40px #00000073}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font);background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(circle at 15% 15%,#00d4ff0a 0%,#0000 40%),radial-gradient(circle at 85% 85%,#a855f70a 0%,#0000 40%),radial-gradient(#ffffff0a 1px,#0000 1px);background-size:100% 100%,100% 100%,32px 32px;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom, var(--accent-cyan), var(--accent-purple));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#38bdf8,#c084fc)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:110px 0;position:relative}.section-title{color:var(--text-primary);margin-bottom:60px;font-size:clamp(26px,3.5vw,40px);font-weight:700;display:inline-block;position:relative}.section-title:after{content:"";background:linear-gradient(90deg, var(--accent-cyan), var(--accent-purple), var(--accent-cyan));background-size:200% 100%;border-radius:2px;width:65px;height:3px;animation:3s linear infinite lineGradient;position:absolute;bottom:-12px;left:0}@keyframes lineGradient{0%{background-position:0 0}to{background-position:200% 0}}.highlight{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tag{color:var(--accent-cyan);transition:var(--transition);background:#00d4ff14;border:1px solid #00d4ff33;border-radius:100px;padding:4px 12px;font-size:.75rem;font-weight:500;display:inline-block}.tag:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 4px 12px #00d4ff33}.tag.purple{color:var(--accent-purple);background:#a855f714;border-color:#a855f733}.tag.purple:hover{box-shadow:0 4px 12px #a855f740}.tag.yellow{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b33}.tag.yellow:hover{box-shadow:0 4px 12px #f59e0b40}.tag.green{color:#22c55e;background:#22c55e14;border-color:#22c55e33}.tag.green:hover{box-shadow:0 4px 12px #22c55e40}.btn-primary{background:linear-gradient(135deg, var(--accent-cyan), #09b);color:#050b18;font-family:var(--font);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);letter-spacing:.02em;border:none;justify-content:center;align-items:center;gap:8px;padding:13px 30px;font-size:.92rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn-primary:before{content:"";background:linear-gradient(45deg,#0000 45%,#fff6 50%,#0000 55%);width:200%;height:200%;transition:transform .6s;position:absolute;top:-50%;left:-50%;transform:rotate(30deg)translate(-100%)}.btn-primary:hover:before{transform:rotate(30deg)translate(100%)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px #00d4ff73}.btn-primary.full{width:100%}.btn-outline{border:1.5px solid var(--accent-cyan);color:var(--accent-cyan);font-family:var(--font);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:0 0;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.92rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-outline:hover{background:var(--accent-cyan);color:#050b18;transform:translateY(-3px);box-shadow:0 0 28px #00d4ff73}.reveal-up{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(35px)}.reveal-up.active{opacity:1;transform:translateY(0)}.reveal-scale{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:scale(.92)}.reveal-scale.active{opacity:1;transform:scale(1)}.reveal-left{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translate(-35px)}.reveal-left.active{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translate(35px)}.reveal-right.active{opacity:1;transform:translate(0)}.hero-section{text-align:center;background:radial-gradient(at 75% 35%,#0c234a 0%,#040914 70%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:80px 24px;display:flex;position:relative;overflow:hidden}.profile-floating-chip{color:var(--text-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#0d1f3cd9;border:1px solid #00d4ff4d;border-radius:100px;padding:6px 14px;font-size:.76rem;font-weight:600;transition:transform .3s;position:absolute;box-shadow:0 8px 24px #0006,0 0 15px #00d4ff26}.profile-floating-chip.chip-top{animation:4s ease-in-out infinite alternate floatChip1;top:15px;left:-10px}.profile-floating-chip.chip-bottom{animation:4s ease-in-out 2s infinite alternate floatChip2;bottom:25px;right:-10px}@keyframes floatChip1{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@keyframes floatChip2{0%{transform:translateY(0)}to{transform:translateY(8px)}}.hero-glow{pointer-events:none;background:radial-gradient(circle,#00d4ff12 0%,#0000 65%);width:800px;height:800px;animation:5s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.6;transform:translate(-50%,-50%)scale(1.15)}}.hero-particles{pointer-events:none;position:absolute;inset:0}.particle{left:var(--x);top:var(--y);width:var(--s);height:var(--s);background:var(--accent-cyan);opacity:.15;animation:float-particle var(--d) ease-in-out infinite alternate;border-radius:50%;position:absolute}@keyframes float-particle{0%{opacity:.15;transform:translateY(0)scale(1)}to{opacity:.4;transform:translateY(-20px)scale(1.5)}}.hero-content{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:48px;width:100%;animation:1s cubic-bezier(.16,1,.3,1) both content-enter;display:grid;position:relative}@keyframes content-enter{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-text-col{text-align:left;flex-direction:column;align-items:flex-start;gap:12px;display:flex}.hero-profile-wrap{flex-direction:column;justify-self:flex-end;align-items:center;gap:20px;margin-bottom:12px;animation:1.2s cubic-bezier(.16,1,.3,1) both profile-enter;display:flex}@keyframes profile-enter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hero-photo-scene{justify-content:center;align-items:center;width:440px;height:440px;display:flex;position:relative}.hero-photo-scene:before{content:"";pointer-events:none;background:radial-gradient(circle,#00d4ff2e 0%,#a855f71f 50%,#0000 75%);border-radius:50%;animation:4s ease-in-out infinite alternate silent-breathe;position:absolute;inset:-20px}@keyframes silent-breathe{0%{opacity:.6;transform:scale(.96)}to{opacity:1;transform:scale(1.06)}}.hero-orbit-1{border:1px dashed #00d4ff4d;border-radius:50%;animation:30s linear infinite silent-spin;position:absolute;inset:5px}.hero-orbit-2{background:conic-gradient(#0000 0%,#00d4ff99 45%,#a855f799 80%,#0000 100%);border-radius:50%;padding:2px;animation:20s linear infinite reverse silent-spin;position:absolute;inset:24px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#fff calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#fff calc(100% - 2px))}.hero-orbit-dot{background:var(--accent-cyan);transform-origin:5px 215px;border-radius:50%;width:10px;height:10px;margin-left:-5px;animation:30s linear infinite silent-spin;position:absolute;top:5px;left:50%;box-shadow:0 0 12px 3px #00d4ffcc}.hero-orbit-dot-2{display:none}@keyframes silent-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-ring{z-index:2;background:linear-gradient(135deg,#00d4ffd9 0%,#3b82f6d9 50%,#a855f7d9 100%);border-radius:50%;width:370px;height:370px;padding:5px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 0 0 10px #00d4ff0f,0 0 45px #00d4ff59,0 0 90px #a855f733}.hero-ring:hover{transform:scale(1.04);box-shadow:0 0 0 12px #00d4ff1f,0 0 60px #00d4ff80,0 0 120px #a855f759}.hero-ring:after{content:"";z-index:-1;filter:blur(2px);background:conic-gradient(#0000 0deg 200deg,#00d4ffb3 270deg,#a855f7b3 340deg,#0000 360deg);border-radius:50%;animation:10s linear infinite silent-spin;position:absolute;inset:-4px}.hero-ring:before{content:"";z-index:3;pointer-events:none;background:radial-gradient(circle at 35% 30%,#ffffff26 0%,#0000 55%);border-radius:50%;position:absolute;inset:4px}.hero-avatar{object-fit:cover;object-position:center top;z-index:2;background:#fd0;border-radius:50%;width:100%;height:100%;display:block;position:relative;box-shadow:inset 0 0 20px #0000004d}.hero-badge{color:var(--accent-cyan);background:#00d4ff12;border:1px solid #00d4ff33;border-radius:100px;align-items:center;gap:8px;padding:6px 16px;font-size:.78rem;font-weight:500;display:inline-flex}.badge-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite blink;box-shadow:0 0 8px #22c55e}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hero-greeting{color:var(--text-secondary);letter-spacing:.08em;font-size:1rem;font-weight:400}.hero-name{letter-spacing:-.02em;background:linear-gradient(110deg, #fff 0%, var(--accent-cyan) 45%, var(--accent-purple) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;font-size:clamp(30px,5.5vw,64px);font-weight:900;line-height:1.05;animation:4s linear infinite shimmer}@keyframes shimmer{0%{background-position:0%}to{background-position:200%}}.hero-subtitle{color:var(--text-secondary);font-size:clamp(13px,1.8vw,18px);font-weight:400}.hero-location{color:var(--text-muted);align-items:center;gap:6px;margin-top:2px;font-size:.85rem;display:inline-flex}.hero-contact-row{flex-wrap:wrap;justify-content:flex-start;gap:10px;margin-top:4px;display:flex}.hero-contact-chip{color:var(--text-secondary);transition:var(--transition);background:#00d4ff0f;border:1px solid #00d4ff26;border-radius:100px;align-items:center;gap:6px;padding:5px 14px;font-size:.75rem;display:inline-flex}.hero-contact-chip:hover{border-color:var(--border-glow);color:var(--accent-cyan)}.hero-cta{flex-wrap:wrap;justify-content:flex-start;gap:14px;margin-top:16px;display:flex}.hero-social-row{justify-content:flex-start;gap:16px;margin-top:8px;display:flex}@media (width<=900px){.hero-section{padding:70px 20px 80px}.hero-content{text-align:center;grid-template-columns:1fr;gap:36px}.hero-text-col{text-align:center;align-items:center}.hero-profile-wrap{order:-1;justify-self:center}.hero-contacts-bar,.hero-cta,.hero-social-row{justify-content:center}}@media (width<=500px){.hero-section{padding:50px 16px 80px}.hero-photo-scene{width:290px;height:290px}.hero-ring{width:245px;height:245px}.hero-orbit-dot{transform-origin:5px 142px}.hero-title{font-size:1.85rem}.hero-subtitle{font-size:.9rem;line-height:1.6}.hero-badge{padding:6px 12px;font-size:.74rem}.hero-cta{flex-direction:column;width:100%}.hero-cta .btn-primary,.hero-cta .btn-outline{justify-content:center;width:100%}}.hero-social-link{color:var(--text-secondary);transition:var(--transition);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:7px;padding:7px 16px;font-size:.8rem;display:inline-flex}.hero-social-link:hover{border-color:var(--border-glow);color:var(--accent-cyan);transform:translateY(-2px)}.hero-scroll{position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(to bottom, var(--accent-cyan), transparent);border-radius:2px;width:2px;height:48px;animation:2s ease-in-out infinite scroll-anim;display:block}@keyframes scroll-anim{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.3;transform:scaleY(.5)}}.about-section{background:#061124}.about-highlight{color:var(--accent-cyan);font-weight:600}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.about-desc{color:var(--text-secondary);margin-bottom:18px;font-size:.98rem;line-height:1.85}.about-stats{flex-wrap:wrap;gap:16px;margin-top:32px;display:flex}.stat-card{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-width:110px;transition:var(--transition);flex-direction:column;flex:1;align-items:center;padding:20px 16px;display:flex}.stat-card:hover{border-color:var(--border-glow);transform:translateY(-5px);box-shadow:0 0 25px #00d4ff33}.stat-icon{margin-bottom:6px;font-size:1.4rem}.stat-number{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.1rem;font-weight:800;line-height:1}.stat-label{color:var(--text-secondary);text-align:center;margin-top:6px;font-size:.78rem;font-weight:500}.code-window{border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:#070d1a;overflow:hidden}.cw-header{border-bottom:1px solid var(--border-color);background:#ffffff08;align-items:center;gap:7px;padding:12px 16px;display:flex}.cw-dot{border-radius:50%;width:12px;height:12px}.cw-dot.red{background:#ff5f57}.cw-dot.yellow{background:#ffbd2e}.cw-dot.green{background:#28ca41}.cw-filename{color:var(--text-muted);margin-left:8px;font-family:monospace;font-size:.78rem}.cw-body{color:var(--text-secondary);white-space:pre-wrap;padding:22px 24px;font-family:Courier New,monospace;font-size:.84rem;line-height:1.9}.ck{color:var(--accent-cyan)}.cs{color:#a5d6a7}.cb{color:var(--accent-purple)}.tech-pills{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.tech-pill{background:var(--bg-glass);border:1px solid var(--border-color);color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:var(--transition);border-radius:100px;align-items:center;gap:8px;padding:7px 16px;font-size:.82rem;font-weight:500;display:flex}.tech-pill:hover{border-color:var(--border-glow);color:var(--text-primary)}.tech-pill-img{object-fit:contain;width:20px;height:20px}@media (width<=900px){.about-grid{grid-template-columns:1fr;gap:40px}}@media (width<=480px){.about-stats{flex-direction:column}}.experience-section{background:#091833}.timeline{padding-left:36px;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--accent-cyan), transparent);width:2px;position:absolute;top:0;bottom:0;left:10px}.timeline-item{margin-bottom:40px;animation:.6s both fade-in;position:relative}.timeline-item:last-child{margin-bottom:0}@keyframes fade-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.timeline-dot{background:var(--accent-cyan);border:3px solid var(--bg-secondary);width:14px;height:14px;box-shadow:0 0 12px var(--accent-cyan);z-index:1;border-radius:50%;position:absolute;top:22px;left:-29px}.timeline-card{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:var(--transition);padding:28px 32px}.timeline-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow);transform:translate(4px)}.exp-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.exp-role{color:var(--text-primary);margin-bottom:4px;font-size:1.15rem;font-weight:700}.exp-company{color:var(--accent-cyan);font-size:.9rem;font-weight:500}.exp-period{color:var(--text-secondary);white-space:nowrap;background:#00d4ff12;border:1px solid #00d4ff26;border-radius:100px;padding:5px 14px;font-size:.76rem}.exp-bullets{color:var(--text-secondary);margin-bottom:18px;padding-left:18px;font-size:.91rem;line-height:1.85;list-style:outside}.exp-bullets li{margin-bottom:4px}.exp-tags{flex-wrap:wrap;gap:8px;display:flex}.education-section{background:#050e1f}.edu-card{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:var(--transition);align-items:center;gap:48px;padding:48px;display:flex}.edu-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow)}.edu-left{flex:1;gap:24px;display:flex}.edu-icon-wrap{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#00d4ff14;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.edu-degree{color:var(--text-primary);margin-bottom:4px;font-size:1.25rem;font-weight:700}.edu-branch{color:var(--accent-cyan);margin-bottom:4px;font-size:.95rem;font-weight:500}.edu-college{color:var(--text-secondary);margin-bottom:4px;font-size:.88rem}.edu-year{color:var(--text-muted);margin-bottom:18px;font-size:.82rem}.courses-label{color:var(--text-secondary);margin-bottom:8px;font-size:.82rem;font-weight:500}.courses-tags{flex-wrap:wrap;gap:8px;display:flex}.edu-right{flex-shrink:0}.cgpa-wrap{width:148px;height:148px;position:relative}.cgpa-svg{width:148px;height:148px;transform:rotate(-90deg)}.cgpa-track{fill:none;stroke:#00d4ff1a;stroke-width:8px}.cgpa-ring{fill:none;stroke:url(#cgpaGrad);stroke-width:8px;stroke-linecap:round;stroke-dasharray:314;stroke-dashoffset:314px;filter:drop-shadow(0 0 6px var(--accent-cyan));transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1)}.cgpa-wrap.animate .cgpa-ring{stroke-dashoffset:80.7px}.cgpa-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cgpa-num{color:var(--text-primary);font-size:1.9rem;font-weight:800;line-height:1;display:block}.cgpa-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:500}@media (width<=768px){.edu-card{flex-direction:column;gap:28px;padding:28px}.edu-left{flex-direction:column}.edu-right{align-self:center}}.projects-section{background:linear-gradient(#091a36 0%,#050e21 100%)}.section-header-wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:50px;display:flex}.section-header-wrap .section-title{margin-bottom:0}.filter-tabs{background:var(--bg-glass);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:100px;gap:8px;padding:5px;display:flex}.filter-tab{color:var(--text-secondary);font-family:var(--font);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:100px;padding:8px 18px;font-size:.83rem;font-weight:600}.filter-tab:hover{color:var(--text-primary)}.filter-tab.active{background:linear-gradient(135deg, var(--accent-cyan), #09b);color:#030712;box-shadow:0 4px 15px #00d4ff4d}.projects-grid{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:30px;display:grid}@media (width<=900px){.projects-grid{grid-template-columns:1fr;gap:24px}}@media (width<=768px){.section-header-wrap{flex-direction:column;align-items:flex-start;gap:16px}.filter-tabs{white-space:nowrap;scrollbar-width:none;width:100%;padding:6px;overflow-x:auto}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{flex-shrink:0;padding:7px 14px;font-size:.8rem}}.proj-featured-tag{z-index:5;color:#f59e0b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050b18d9;border:1px solid #f59e0b66;border-radius:100px;padding:6px 14px;font-size:.76rem;font-weight:700;position:absolute;top:14px;left:14px;box-shadow:0 4px 15px #f59e0b33}.project-card{border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:var(--transition);flex-direction:column;animation:.35s cubic-bezier(.16,1,.3,1) both projCardFadeIn;display:flex;overflow:hidden}@keyframes projCardFadeIn{0%{opacity:0;transform:translateY(15px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.mac-window-card{box-shadow:0 16px 40px #0006}.mac-window-card:hover{border-color:var(--border-glow);transform:translateY(-6px);box-shadow:0 0 35px #00d4ff40,0 20px 50px #0009}.mac-window-bar{-webkit-user-select:none;user-select:none;background:#081020f2;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:38px;padding:0 14px;display:flex;position:relative}.mac-controls{align-items:center;gap:8px;display:flex}.mac-dot{border-radius:50%;width:12px;height:12px;transition:opacity .2s;display:inline-block}.mac-dot.close{background:#ff5f57;border:1px solid #e0443e80}.mac-dot.minimize{background:#febc2e;border:1px solid #dea12380}.mac-dot.maximize{background:#28c840;border:1px solid #28b43a80}.mac-window-card:hover .mac-dot{filter:brightness(1.1)}.mac-title{color:var(--text-secondary);letter-spacing:.02em;opacity:.85;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;font-weight:500}.mac-bar-right{align-items:center;display:flex}.mac-badge{letter-spacing:.05em;color:var(--accent-emerald);background:#10b9811f;border:1px solid #10b9814d;border-radius:100px;padding:2px 8px;font-size:.65rem;font-weight:700}.proj-img{justify-content:center;align-items:center;height:220px;display:flex;position:relative;overflow:hidden}.proj-banner-img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .5s}.project-card:hover .proj-banner-img{transform:scale(1.06)}.proj-overlay{opacity:0;z-index:4;background:linear-gradient(#050b1826 0%,#050b18bf 100%);justify-content:center;align-items:flex-end;gap:12px;padding-bottom:24px;transition:opacity .35s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0}.project-card:hover .proj-overlay{opacity:1}.btn-proj{background:var(--accent-cyan);color:#050b18;border-radius:var(--radius-sm);font-size:.84rem;font-weight:700;font-family:var(--font);align-items:center;gap:7px;padding:9px 20px;transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s,box-shadow .3s;display:inline-flex;transform:translateY(15px);box-shadow:0 4px 15px #0006}.project-card:hover .btn-proj{transform:translateY(0)}.btn-proj.outline{border:1.5px solid var(--accent-cyan);color:var(--accent-cyan);background:0 0}.btn-proj:hover{filter:brightness(1.1);transform:scale(1.06)}.proj-info{flex-direction:column;flex:1;padding:22px;display:flex}.proj-title{color:var(--text-primary);margin-bottom:8px;font-size:1.05rem;font-weight:700}.proj-desc{color:var(--text-secondary);flex:1;margin-bottom:14px;font-size:.86rem;line-height:1.75}.proj-tags{flex-wrap:wrap;gap:8px;display:flex}.mac-toast-notice{z-index:2000;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text-primary);font-family:var(--font);background:#0f172af2;border:1px solid #f59e0b66;align-items:center;gap:12px;padding:14px 20px;font-size:.88rem;font-weight:600;animation:.35s cubic-bezier(.16,1,.3,1) both toastSlideIn;display:flex;position:fixed;top:30px;right:30px;box-shadow:0 16px 40px #0009,0 0 25px #f59e0b40}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-icon{font-size:1.2rem}.toast-text{color:#fef08a}.toast-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin-left:8px;font-size:1rem;transition:color .2s}.toast-close:hover{color:var(--text-primary)}.skills-section{background:#08162c;position:relative;overflow:hidden}.skills-glow{pointer-events:none;background:radial-gradient(circle,#a855f70d 0%,#0000 70%);width:700px;height:700px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skills-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=1100px){.skills-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.skills-grid{grid-template-columns:1fr}}.skill-card{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:var(--transition);padding:24px;position:relative;overflow:hidden}.skill-card:before{content:"";height:2px;transition:var(--transition);background:0 0;position:absolute;top:0;left:0;right:0}.skill-card:hover{transform:translateY(-7px)}.skill-card--cyan:hover{border-color:#00d4ff80;box-shadow:0 10px 30px #00d4ff2e}.skill-card--cyan:hover:before{background:var(--accent-cyan)}.skill-card--purple:hover{border-color:#a855f780;box-shadow:0 10px 30px #a855f72e}.skill-card--purple:hover:before{background:var(--accent-purple)}.skill-card--teal:hover{border-color:#22d3ee80;box-shadow:0 10px 30px #22d3ee2e}.skill-card--teal:hover:before{background:#22d3ee}.skill-card--orange:hover{border-color:#f59e0b80;box-shadow:0 10px 30px #f59e0b2e}.skill-card--orange:hover:before{background:#f59e0b}.skill-card--green:hover{border-color:#22c55e80;box-shadow:0 10px 30px #22c55e2e}.skill-card--green:hover:before{background:#22c55e}.skill-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.skill-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.skill-icon--cyan{color:var(--accent-cyan);background:#00d4ff1a;border:1px solid #00d4ff33}.skill-icon--purple{color:var(--accent-purple);background:#a855f71a;border:1px solid #a855f733}.skill-icon--teal{color:#22d3ee;background:#22d3ee1a;border:1px solid #22d3ee33}.skill-icon--orange{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33}.skill-icon--green{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33}.skill-cat-title{color:var(--text-primary);font-size:1rem;font-weight:700}.skill-tags{flex-wrap:wrap;gap:8px;display:flex}.skill-tag{color:var(--text-secondary);transition:var(--transition);background:#ffffff0a;border:1px solid #ffffff14;border-radius:100px;padding:5px 12px;font-size:.78rem}.skill-tag:hover{color:var(--accent-cyan);background:#00d4ff14;border-color:#00d4ff40}@media (width<=900px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.skills-grid{grid-template-columns:1fr}}.certs-section{background:#061022}.certs-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.cert-card{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;flex-direction:column;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.cert-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow), 0 12px 35px #0006;transform:translateY(-6px)}.cert-thumb-wrap{background:#040914;width:100%;height:180px;position:relative;overflow:hidden}.cert-thumb-img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .5s}.cert-card:hover .cert-thumb-img{transform:scale(1.06)}.cert-overlay-view{opacity:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050b1899;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.cert-overlay-view span{background:var(--accent-cyan);color:#050b18;border-radius:100px;padding:8px 16px;font-size:.8rem;font-weight:700;box-shadow:0 4px 15px #00d4ff66}.cert-card:hover .cert-overlay-view{opacity:1}.cert-card-footer{align-items:center;gap:14px;padding:18px 20px;display:flex}.cert-logo-wrap{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.cert-logo-img{object-fit:contain;filter:brightness(0)invert();width:28px;height:28px}.cert-logo-fallback{justify-content:center;align-items:center;width:28px;height:28px;display:flex}.cert-info{flex:1}.cert-name{color:var(--text-primary);margin-bottom:4px;font-size:.9rem;font-weight:700;line-height:1.35}.cert-issuer{color:var(--text-secondary);font-size:.78rem}.cert-date{color:var(--text-muted)}.cert-check{flex-shrink:0}.cert-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040914e0;justify-content:center;align-items:center;padding:24px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cert-modal-content{border:1px solid var(--border-glow);border-radius:var(--radius-md);background:#08142a;width:100%;max-width:900px;max-height:90vh;padding:28px;position:relative;overflow-y:auto;box-shadow:0 20px 60px #000000b3}.cert-modal-close{color:var(--text-primary);cursor:pointer;width:36px;height:36px;transition:var(--transition);background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:absolute;top:18px;right:20px}.cert-modal-close:hover{background:var(--accent-cyan);color:#050b18}.cert-modal-title{color:var(--text-primary);margin-bottom:4px;padding-right:40px;font-size:1.25rem;font-weight:700}.cert-modal-sub{color:var(--accent-cyan);margin-bottom:20px;font-size:.88rem}.cert-modal-img-wrap{border-radius:var(--radius-sm);border:1px solid var(--border-color);width:100%;overflow:hidden}.cert-modal-img{width:100%;height:auto;display:block}@media (width<=768px){.certs-grid{grid-template-columns:1fr}.cert-modal-content{padding:18px}}.contact-section{background:#040a17}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.contact-headline{margin-bottom:18px;font-size:clamp(26px,4vw,44px);font-weight:800;line-height:1.2}.contact-sub{color:var(--text-secondary);margin-bottom:28px;font-size:.98rem;line-height:1.85}.contact-info-items{flex-direction:column;gap:12px;margin-bottom:28px;display:flex}.contact-info-item{color:var(--text-secondary);align-items:center;gap:12px;font-size:.9rem;display:flex}.ci-link{color:var(--text-secondary);transition:var(--transition)}.ci-link:hover{color:var(--accent-cyan)}.ci-icon{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--accent-cyan);background:#00d4ff14;border:1px solid #00d4ff26;flex-shrink:0;justify-content:center;align-items:center;display:flex}.social-links{gap:12px;display:flex}.social-btn{border-radius:var(--radius-sm);background:var(--bg-glass);border:1px solid var(--border-color);color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:var(--transition);align-items:center;gap:8px;padding:9px 18px;font-size:.85rem;font-weight:500;display:inline-flex}.social-btn:hover{border-color:var(--border-glow);color:var(--accent-cyan);transform:translateY(-3px);box-shadow:0 0 16px #00d4ff33}.contact-form{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:36px}.form-group{margin-bottom:20px}.form-label{color:var(--text-secondary);margin-bottom:8px;font-size:.83rem;font-weight:500;display:block}.form-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font);transition:var(--transition);background:#ffffff0a;outline:none;padding:12px 15px;font-size:.94rem}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--accent-cyan);background:#00d4ff0a;box-shadow:0 0 0 3px #00d4ff14}.form-textarea{resize:vertical;min-height:110px}@media (width<=900px){.contact-grid{grid-template-columns:1fr;gap:40px}}.footer{border-top:1px solid var(--border-color);background:#030710;padding:32px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-logo{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-purple));-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:800}.footer-copy{color:var(--text-muted);font-size:.8rem}.footer-links{gap:20px;display:flex}.footer-links a{color:var(--text-muted);transition:var(--transition);font-size:.82rem}.footer-links a:hover{color:var(--accent-cyan)}@media (width<=600px){.footer-inner{text-align:center;flex-direction:column}}.cursor-glow-spotlight{pointer-events:none;z-index:9999;background:radial-gradient(circle,#00d4ff14 0%,#a855f70a 45%,#0000 70%);border-radius:50%;width:600px;height:600px;margin-top:-300px;margin-left:-300px;transition:opacity .3s;position:fixed}@media (width<=768px){.cursor-glow-spotlight{display:none}}.mac-dock-container{z-index:1000;pointer-events:none;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.mac-dock{pointer-events:auto;-webkit-backdrop-filter:blur(24px);background:#0f192da6;border:1px solid #ffffff1f;border-radius:22px;align-items:center;gap:8px;padding:8px 14px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 15px 35px #00000080,0 0 0 1px #ffffff0d,inset 0 1px #fff3}.dock-item{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.35rem;text-decoration:none;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),background .2s;display:flex;position:relative}.dock-item:hover{background:#00d4ff2e;border-color:#00d4ff66;transform:translateY(-12px)scale(1.25);box-shadow:0 10px 20px #00d4ff40}.dock-tooltip{color:var(--text-primary);white-space:nowrap;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a101ee6;border:1px solid #ffffff26;border-radius:6px;padding:4px 10px;font-size:.72rem;font-weight:600;transition:all .2s;position:absolute;top:-36px;left:50%;transform:translate(-50%)scale(.9)}.dock-item:hover .dock-tooltip{opacity:1;transform:translate(-50%)scale(1)}.dock-dot{background:var(--accent-cyan);width:4px;height:4px;box-shadow:0 0 6px var(--accent-cyan);border-radius:50%;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.dock-separator{background:#ffffff1f;width:1px;height:28px;margin:0 4px}@media (width<=768px){.mac-dock-container{max-width:95vw;bottom:8px}.mac-dock{scrollbar-width:none;gap:5px;max-width:100%;padding:6px 10px;overflow-x:auto}.mac-dock::-webkit-scrollbar{display:none}.dock-item{flex-shrink:0;width:36px;height:36px;font-size:1.1rem}}