:root{--bg-main:#020617;--bg-soft:#0f172a;--bg-elevated:#111827;--card-bg:#0f172ab8;--card-bg-strong:#0f172ae6;--text-main:#f8fafc;--text-muted:#cbd5e1;--text-soft:#94a3b8;--primary:#38bdf8;--primary-dark:#0284c7;--accent:#a78bfa;--success:#34d399;--danger:#fb7185;--border-soft:#94a3b82e;--border-strong:#38bdf873;--container-width:1120px;--section-space:140px;--font-main:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:24px;--text-2xl:32px;--shadow-glow:0 0 40px #38bdf838;--shadow-card:0 24px 60px #00000047;--radius-md:14px;--radius-lg:24px;--transition:.3s ease}*{box-sizing:border-box;font-family:var(--font-main);margin:0;padding:0;text-decoration:none}html{scroll-behavior:smooth;width:100%;min-width:320px;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;width:100%;min-width:320px;overflow-x:hidden}button,input,textarea{font:inherit}img{max-width:100%;height:auto;display:block}body{min-height:100vh;color:var(--text-main);background:radial-gradient(circle at 10% 10%, #38bdf833, transparent 28%), radial-gradient(circle at 90% 0%, #a78bfa29, transparent 32%), linear-gradient(135deg, var(--bg-main) 0%, var(--bg-soft) 52%, var(--bg-main) 100%);background-color:var(--bg-main);position:relative;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#94a3b809 1px,#0000 1px),linear-gradient(90deg,#94a3b809 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.animated-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-circle{filter:blur(80px);opacity:.4;will-change:transform;border-radius:50%;position:absolute}.circle-1{background:#38bdf8;width:clamp(230px,24vw,300px);height:clamp(230px,24vw,300px);top:10%;left:10%}.circle-2{background:#0ea5e9;width:clamp(280px,32vw,400px);height:clamp(280px,32vw,400px);bottom:10%;right:10%}.circle-3{background:#7dd3fc;width:clamp(210px,22vw,250px);height:clamp(210px,22vw,250px);top:50%;left:50%}.cursor-glow{pointer-events:none;z-index:1;filter:blur(10px);background:radial-gradient(circle,#38bdf838,#0000 65%);border-radius:50%;width:300px;height:300px;position:fixed;top:0;left:0}.custom-cursor-dot,.custom-cursor-ring{z-index:9999;pointer-events:none;border-radius:50%;position:fixed;top:0;left:0}.custom-cursor-dot{background:var(--primary);width:8px;height:8px;box-shadow:0 0 14px #38bdf8e6}.custom-cursor-ring{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#38bdf80f;border:1px solid #38bdf88c;width:36px;height:36px}.custom-cursor-ring.active{background:#a78bfa1f;border-color:#a78bfae6}main{z-index:2;padding-top:96px;position:relative}.site-shell{z-index:1;isolation:isolate;background:0 0;min-height:100vh;position:relative}@media (width<=768px){main{padding-top:84px}body:before{opacity:.75;background-size:34px 34px}.circle-1{width:240px;height:240px;top:8%;left:-90px}.circle-2{width:290px;height:290px;bottom:8%;right:-120px}.circle-3{width:210px;height:210px;top:48%;left:34%}}@media (width<=420px){.bg-circle{opacity:.3}.circle-3{display:none}}@media (width<=768px),(pointer:coarse),(prefers-reduced-motion:reduce){.bg-circle{filter:blur(50px);will-change:auto}.cursor-glow,.custom-cursor-dot,.custom-cursor-ring{display:none}}@media (width<=768px){.bg-circle{opacity:.34}}@media (width<=420px){.bg-circle{opacity:.3}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}h1,h2,h3{letter-spacing:-.04em;font-weight:800}h2{margin-bottom:16px;font-size:clamp(2rem,5vw,3.8rem)}p{color:var(--text-muted);line-height:1.7}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 24px}section{padding:var(--section-space) 0;scroll-margin-top:110px;position:relative}section:after{content:"";background:linear-gradient(90deg,#0000,#38bdf840,#0000);height:1px;position:absolute;inset:auto 0 0}.section-heading{max-width:720px;margin-bottom:48px}.section-heading p{max-width:620px;font-size:1.02rem}.section-kicker,.hero-badge{border:1px solid var(--border-soft);width:fit-content;color:var(--primary);letter-spacing:.04em;text-transform:uppercase;background:#38bdf814;border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:7px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.text-center{text-align:center}.flex-center{justify-content:center;align-items:center;display:flex}@media (width<=768px){:root{--section-space:96px}.container{padding:0 16px}.section-heading{margin-bottom:32px}.skills-section,.projects-section,.contact-section{content-visibility:auto;contain-intrinsic-size:900px}}.container{min-width:0;padding-inline:clamp(16px,4vw,24px)}section{padding-block:clamp(72px, 10vw, var(--section-space))}.section-heading{max-width:min(720px,100%)}.section-heading h2,.section-heading p{overflow-wrap:anywhere}@media (width<=560px){html{scroll-padding-top:88px}section{scroll-margin-top:88px}.section-heading{margin-bottom:28px}.section-heading p{font-size:.95rem;line-height:1.6}}.header{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:min(1120px,100% - 32px);transition:border-color var(--transition), background var(--transition), box-shadow var(--transition), transform var(--transition), padding var(--transition);background:linear-gradient(135deg,#0f172ad1,#020617b8),radial-gradient(circle at 0 0,#38bdf82e,#0000 36%);border:1px solid #94a3b833;border-radius:999px;justify-content:space-between;align-items:center;margin:0 auto;padding:12px 14px;display:flex;position:fixed;top:16px;left:0;right:0;overflow:hidden;box-shadow:0 22px 70px #0000006b,inset 0 1px #ffffff0f}.header-scrolled{background:#020617eb;border-color:#38bdf857;padding:10px 14px;box-shadow:0 18px 54px #00000075,0 0 32px #38bdf814}.logo{cursor:pointer;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.logo-mark{color:#020617;background:linear-gradient(135deg,#38bdf8,#a78bfa),radial-gradient(circle at top,#ffffffd9,#0000);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;font-weight:900;transition:transform .3s,box-shadow .3s;display:inline-flex;box-shadow:0 0 24px #38bdf866,inset 0 1px #ffffff73}.logo-text{letter-spacing:2px;text-transform:uppercase;background:linear-gradient(90deg,#38bdf8,#a78bfa,#38bdf8) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:21px;font-weight:900;animation:4s ease-in-out infinite logoGradientMove;position:relative}.logo:hover .logo-mark{transform:rotate(-8deg)scale(1.08);box-shadow:0 0 34px #38bdf8a3,0 0 18px #a78bfa6b}@keyframes logoGradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.navbar{align-items:center;gap:8px;display:flex}.navbar a{color:var(--text-muted);transition:color var(--transition), background var(--transition), box-shadow var(--transition), transform var(--transition);border-radius:999px;padding:10px 14px;font-weight:700;text-decoration:none}.nav-link{position:relative;overflow:hidden}.nav-link span:first-child{z-index:2;position:relative}.nav-active-line{background:linear-gradient(90deg,#38bdf8,#a78bfa);border-radius:999px;height:2px;position:absolute;bottom:6px;left:14px;right:14px;box-shadow:0 0 12px #38bdf8d9,0 0 20px #a78bfa73}.magnetic-link{--magnetic-x:0px;--magnetic-y:0px;transform:translate(var(--magnetic-x), var(--magnetic-y));will-change:transform}.magnetic-link:hover{transform:translate(var(--magnetic-x), var(--magnetic-y)) translateY(-2px) scale(1.03)}.navbar>a:hover{color:var(--text-main);transform:translate(var(--magnetic-x), var(--magnetic-y)) translateY(-2px) scale(1.03);background:linear-gradient(135deg,#38bdf82e,#a78bfa1f);box-shadow:0 8px 22px #38bdf82e,0 0 12px #a78bfa33}.navbar>a.active{color:var(--text-main);background:linear-gradient(135deg,#38bdf833,#a78bfa29);box-shadow:inset 0 0 0 1px #38bdf833,0 10px 26px #38bdf81f}.header-actions{align-items:center;gap:10px;margin-left:6px;display:flex}.availability-badge{color:#bbf7d0;background:#16a34a1a;border:1px solid #22c55e3d;border-radius:999px;align-items:center;gap:7px;padding:9px 12px;font-size:.82rem;font-weight:800;display:inline-flex}.availability-badge span{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 14px #22c55ee6}.hire-btn{box-shadow:0 14px 30px #38bdf838,inset 0 1px #ffffff61;color:#020617!important;background:linear-gradient(135deg,#38bdf8,#a78bfa)!important}.hire-btn:hover{transform:translateY(-2px);box-shadow:0 18px 38px #38bdf852,0 0 20px #a78bfa3d;color:#020617!important}.menu-btn{border:1px solid var(--border-soft);min-width:42px;min-height:42px;color:var(--text-main);cursor:pointer;background:#38bdf81a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:none}.menu-btn span{width:18px;height:2px;transition:transform var(--transition), opacity var(--transition);background:currentColor;border-radius:999px}.menu-btn-open span:first-child{transform:translateY(6px)rotate(45deg)}.menu-btn-open span:nth-child(2){opacity:0}.menu-btn-open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}@media (width<=900px){.availability-badge{display:none}}@media (width<=750px){.header{border-radius:999px;width:auto;max-width:none;margin:0;left:12px;right:12px;overflow:visible}.logo-text{font-size:18px}.logo-mark{width:36px;height:36px}.menu-btn{z-index:2100;display:flex;position:relative}.navbar{opacity:0;pointer-events:none;visibility:hidden;z-index:2000;width:auto;max-height:calc(100dvh - 92px);transition:transform var(--transition), opacity var(--transition), visibility var(--transition);background:linear-gradient(145deg,#0f172afa,#020617f5),radial-gradient(circle at 100% 0,#38bdf829,#0000 40%);border:1px solid #94a3b838;border-radius:22px;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;display:flex;position:fixed;top:76px;left:12px;right:12px;overflow-y:auto;transform:translateY(-8px)scale(.98);box-shadow:0 24px 70px #00000085,inset 0 1px #ffffff0f}.navbar.open{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)scale(1)}.navbar a{width:auto;padding:12px 16px}.nav-active-line{left:16px;right:16px}.header-actions{flex-direction:column;align-items:stretch;width:100%;margin-top:6px;margin-left:0}.availability-badge{justify-content:center;width:auto;display:inline-flex}.hire-btn{text-align:center;width:auto}}.hire-text{justify-content:center;align-items:center;gap:7px;line-height:1;display:inline-flex}.hire-text span{justify-content:center;align-items:center;line-height:1;display:inline-flex}.hire-emoji{transform-origin:70% 70%;justify-content:center;align-items:center;line-height:1;animation:none;display:inline-flex}.hire-btn:hover .hire-emoji{animation:1.2s ease-in-out waveHand}@keyframes waveHand{0%{transform:translateY(-1px)rotate(0)}15%{transform:translateY(-1px)rotate(16deg)}30%{transform:translateY(-1px)rotate(-10deg)}45%{transform:translateY(-1px)rotate(16deg)}60%{transform:translateY(-1px)rotate(-6deg)}75%{transform:translateY(-1px)rotate(10deg)}to{transform:translateY(-1px)rotate(0)}}@media (width<=420px){.header{width:auto;margin-top:0;top:10px;left:10px;right:10px}.navbar{width:auto;top:72px;left:10px;right:10px}.logo{min-width:0}.logo-text{text-overflow:ellipsis;white-space:nowrap;max-width:135px;overflow:hidden}}@media (width<=340px){.logo-text{display:none}}@media (width<=768px),(pointer:coarse),(prefers-reduced-motion:reduce){.magnetic-link,.magnetic-link:hover,.navbar>a:hover{will-change:auto;transform:none}.logo-text,.hire-btn:hover .hire-emoji{animation:none}}.btn{cursor:pointer;will-change:transform;min-height:48px;transition:transform var(--transition), box-shadow var(--transition), background var(--transition), color var(--transition), border-color var(--transition);border:none;border-radius:999px;justify-content:center;align-items:center;padding:14px 24px;font-weight:800;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--accent));color:#020617;box-shadow:0 14px 32px #38bdf847}.btn-primary:hover{box-shadow:0 18px 42px #38bdf86b}.btn-outline{color:var(--text-main);border:1px solid var(--border-soft);background:#0f172a99}.btn-outline:hover{border-color:var(--border-strong);color:var(--primary);box-shadow:0 14px 32px #38bdf829}button{font:inherit;background:0 0;border:none;padding:0}@media (width<=768px),(pointer:coarse),(prefers-reduced-motion:reduce){.btn{will-change:auto;transition:background var(--transition), color var(--transition), border-color var(--transition)}.btn:active{transform:none}.btn-primary:hover,.btn-outline:hover{box-shadow:none}}.project-card{border-radius:var(--radius-lg);min-height:300px;transform-style:preserve-3d;background:linear-gradient(145deg,#0f172ae0,#020617ad),radial-gradient(circle at 100% 0,#38bdf826,#0000 35%);border:1px solid #94a3b82e;flex-direction:column;justify-content:flex-start;gap:14px;padding:28px;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000059,inset 0 1px #ffffff0a}.project-card:hover{border-color:#38bdf88c;box-shadow:0 35px 90px #0000008c,0 0 45px #38bdf833}.project-shine{background:linear-gradient(120deg,#0000 20%,#ffffff14,#0000 80%);transition:transform .7s;position:absolute;inset:0;transform:translate(-100%)}.project-card:hover .project-shine{transform:translate(100%)}.project-content,.project-footer{z-index:1;position:relative}.project-label{width:fit-content;color:var(--primary);background:#38bdf81a;border:1px solid #38bdf838;border-radius:999px;margin-bottom:16px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.project-content h3{margin-bottom:12px;font-size:24px}.project-content{margin-top:4px}.project-content p{margin-bottom:18px;font-size:14px}.project-image{background:#0f172ab8;border:1px solid #94a3b829;border-radius:16px;height:180px;margin-bottom:8px;overflow:hidden}.project-image img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .45s;display:block}.project-card:hover .project-image img{transform:scale(1.05)}.project-placeholder{color:#fff;background:linear-gradient(135deg,#38bdf8,#6366f1),radial-gradient(circle at top,#fff3,#0000);border-radius:16px;justify-content:center;align-items:center;height:100%;font-size:42px;font-weight:900;display:flex;position:relative;overflow:hidden}.project-placeholder span{z-index:1;position:relative}.project-placeholder:before{content:"";background:linear-gradient(120deg,#0000,#ffffff40,#0000);transition:all .6s;position:absolute;inset:0;transform:translate(-100%)}.project-card:hover .project-placeholder:before{transform:translate(100%)}.tech{flex-wrap:wrap;gap:8px;display:flex}.tech span{color:var(--text-muted);background:#0f172ab8;border:1px solid #94a3b833;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:600;display:inline-flex}.tech span:hover{color:var(--primary);border-color:#38bdf873}.project-footer{gap:14px;margin-top:auto;display:flex}.project-footer a{background:#0f172ac7;border:1px solid #94a3b82e;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;text-decoration:none;transition:transform .3s,background .3s,border-color .3s;display:inline-flex}.project-footer a:hover{background:#38bdf81f;border-color:#38bdf873;transform:translateY(-4px)scale(1.08)}.project-card,.project-content,.project-placeholder{min-width:0}.project-content h3,.project-content p,.tech span{overflow-wrap:anywhere}@media (width<=560px){.project-card{padding:22px}.project-image{height:200px}.project-content h3{font-size:1.25rem}}@media (width<=380px){.project-card{padding:18px}.tech span{padding:6px 10px;font-size:11px}}@media (width<=768px),(pointer:coarse),(prefers-reduced-motion:reduce){.project-card{transform-style:flat}.project-card:hover,.project-footer a:hover{transform:none}.project-card:hover .project-shine,.project-card:hover .project-placeholder:before{transform:translate(-100%)}.project-card:hover .project-image img,.project-image img{transform:none}.project-image img{transition:none}.tech span:hover{color:var(--text-muted);border-color:#94a3b833}}form{flex-direction:column;gap:16px;display:flex}input,textarea{width:100%;color:var(--text-main);transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);background:#020617b8;border:1px solid #334155;border-radius:14px;outline:none;padding:15px 16px}textarea{resize:vertical;min-height:150px}input::placeholder,textarea::placeholder{color:var(--text-soft)}input:focus,textarea:focus{border-color:var(--primary);background:#020617e6;box-shadow:0 0 0 4px #38bdf81f}label{color:var(--text-muted);gap:8px;font-size:.9rem;font-weight:700;display:grid}.intro-loader{z-index:99999;color:#f8fafc;background:radial-gradient(circle at 50% 35%,#38bdf829,#0000 32%),radial-gradient(circle at 70% 65%,#a78bfa24,#0000 34%),#020617;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.intro-loader:before{content:"";pointer-events:none;background-image:linear-gradient(#94a3b80d 1px,#0000 1px),linear-gradient(90deg,#94a3b80d 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.intro-loader-glow{filter:blur(18px);background:radial-gradient(circle,#38bdf83d,#0000 68%);border-radius:50%;width:280px;height:280px;animation:1.6s ease-in-out infinite alternate introGlowPulse;position:absolute}.intro-loader-content{z-index:1;text-align:center;width:min(90%,520px);padding:32px 24px;position:relative}.intro-loader-kicker{color:#38bdf8;text-transform:uppercase;background:#38bdf814;border:1px solid #38bdf847;border-radius:999px;margin-bottom:14px;padding:8px 14px;font-size:.74rem;font-weight:800;display:inline-flex}.intro-loader-text-wrap{justify-content:center;align-items:center;min-height:clamp(110px,18vw,140px);display:flex;overflow:visible}.intro-loader-changing-text{text-align:center;white-space:nowrap;background:linear-gradient(90deg,#38bdf8,#a78bfa,#38bdf8) 0 0/220%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;padding-bottom:8px;font-size:clamp(2rem,7vw,4rem);font-weight:900;line-height:1.25;animation:1.2s ease-in-out infinite introTextGradient}.intro-loader-subtitle{color:#f8fafcc7;margin:12px 0 0;font-size:clamp(.85rem,3vw,1rem);font-weight:700}.intro-loader-bar{background:#94a3b829;border-radius:999px;width:min(260px,80%);height:3px;margin:26px auto 0;overflow:hidden}.intro-loader-bar span{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#38bdf8,#a78bfa);width:100%;height:100%;display:block;box-shadow:0 0 18px #38bdf88c}@keyframes introGlowPulse{0%{opacity:.55;transform:scale(.9)}to{opacity:.9;transform:scale(1.12)}}@keyframes introTextGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (width<=420px){.intro-loader-content{padding:28px 18px}.intro-loader-text-wrap{min-height:110px}.intro-loader-changing-text{white-space:nowrap;padding-bottom:8px;font-size:clamp(1.55rem,8vw,2.2rem);line-height:1.25}.intro-loader-subtitle{font-size:.85rem}}@media (prefers-reduced-motion:reduce){.intro-loader-glow,.intro-loader-changing-text{animation:none}}.site-shell{min-height:100vh}.intro-loader-reduced .intro-loader-glow,.intro-loader-reduced .intro-loader-changing-text{animation:none}.hero{align-items:center;min-height:calc(100vh - 120px);padding-top:clamp(48px,6vh,70px);padding-bottom:clamp(56px,8vh,80px);display:flex}.hero-wrapper{grid-template-columns:1fr 1fr;align-items:center;gap:28px;display:grid}.hero-content{border-radius:var(--radius-lg);border:1px solid var(--border-soft);width:100%;max-width:500px;height:100%;box-shadow:var(--shadow-glow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#0f172ac7,#02061775);flex-direction:column;justify-content:space-between;padding:clamp(24px,3vw,30px);display:flex}.hero-badge{width:fit-content;color:var(--primary);background:#38bdf81a;border:1px solid #38bdf840;border-radius:999px;margin-bottom:18px;padding:8px 14px;font-size:.78rem;font-weight:800;display:inline-flex}.hero h1{letter-spacing:-3px;max-width:500px;font-size:clamp(2.4rem,4.5vw,3.8rem);line-height:1}.hero h1 span{color:var(--primary);text-shadow:0 0 34px #38bdf859}.hero h2{color:var(--text-main);margin-top:18px;margin-bottom:18px;font-size:clamp(1.1rem,2vw,1.6rem)}.hero p{max-width:500px;margin-bottom:28px;font-size:1rem;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:14px;margin-bottom:24px;display:flex}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.hero-stats div{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-soft);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);background:#0206176b;border-radius:18px;grid-template-columns:26px 1fr;align-items:center;column-gap:10px;padding:14px 16px;display:grid;position:relative;overflow:hidden}.hero-stats div:before{content:"";opacity:0;transition:opacity var(--transition);pointer-events:none;background:linear-gradient(135deg,#38bdf838,#a78bfa29,#0000 65%);border-radius:18px;position:absolute;inset:0}.hero-stats div:hover{border-color:#38bdf873;transform:translateY(-5px);box-shadow:0 18px 42px #00000059,0 0 24px #38bdf821}.hero-stats div:hover:before{opacity:1}.hero-stat-icon{width:26px;height:26px;transition:transform var(--transition);grid-row:1/span 2;justify-content:center;align-items:center;margin-top:1px;font-size:1.25rem;display:flex}.hero-stats div:hover .hero-stat-icon{transform:scale(1.12)}.hero-stats div:first-child .hero-stat-icon{color:#38bdf8}.hero-stats div:nth-child(2) .hero-stat-icon{color:#22c55e}.hero-stats div:nth-child(3) .hero-stat-icon{color:#a78bfa}.hero-stats strong{grid-column:2;font-size:.95rem;font-weight:700;line-height:1}.hero-stats div>span:last-child{color:var(--text-soft);grid-column:2;margin-top:2px;font-size:.78rem}.hero-stat-icon,.hero-stats strong,.hero-stats div>span:last-child{z-index:1;position:relative}.hero-visual{justify-content:center;align-items:center;width:100%;max-width:520px;min-height:100%;display:flex;position:relative}.hero-image{perspective:1200px;background:linear-gradient(135deg,#38bdf859,#a78bfa40,#0000 70%);border-radius:34px;justify-content:center;align-items:center;width:100%;max-width:520px;height:100%;min-height:420px;padding:6px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 60px #38bdf826,0 0 100px #a78bfa14}.hero-shine{pointer-events:none;z-index:5;background:linear-gradient(120deg,#0000 20%,#ffffff14,#0000 80%);animation:3s ease-in-out infinite heroAutoShine;position:absolute;inset:0;transform:translate(-100%)}@keyframes heroAutoShine{0%{transform:translate(-100%)}40%{transform:translate(100%)}to{transform:translate(100%)}}.hero-image:after{content:"";z-index:5;pointer-events:none;background:linear-gradient(120deg,#0000,#38bdf859,#ffffff59,#a78bfa59,#0000);width:45%;height:200%;animation:3s ease-in-out infinite heroProjectShine;position:absolute;top:-50%;left:-80%;transform:rotate(18deg)}.hero-image img{aspect-ratio:4/5;object-fit:cover;object-position:center 18%;z-index:2;backface-visibility:hidden;border:1px solid #ffffff1a;border-radius:28px;width:100%;max-width:320px;transition:transform .4s;display:block;position:relative;box-shadow:0 25px 70px #0000008c}.hero-image:hover img{transform:rotateY(-6deg)rotateX(4deg)scale(1.03)}.hero-orbit-icons{z-index:6;pointer-events:none;position:absolute;inset:0}.hero-orbit-icon{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);will-change:transform;background:#020617c7;border:1px solid #38bdf847;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.7rem;animation:4.5s ease-in-out infinite heroIconFloat;display:flex;position:absolute;box-shadow:0 16px 38px #00000061,0 0 24px #38bdf82e}.orbit-react{color:#38bdf8;animation-delay:0s;top:9%;left:12%}.orbit-node{color:#22c55e;animation-delay:.35s;top:15%;right:12%}.orbit-js{color:#facc15;animation-delay:.7s;top:45%;left:5%}.orbit-mongo{color:#34d399;animation-delay:1.05s;top:47%;right:5%}.orbit-html{color:#f97316;animation-delay:1.4s;bottom:12%;left:17%}.orbit-css{color:#60a5fa;animation-delay:1.75s;bottom:13%;right:17%}@keyframes heroIconFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-10px)scale(1.06)}}.hero-wrapper,.hero-content,.hero-visual,.hero-image,.hero-stats div{min-width:0}.hero h1,.hero h2,.hero p{overflow-wrap:anywhere}@media (width>=901px){.hero-wrapper{align-items:stretch}.hero-content{height:auto}.hero-visual{align-self:stretch;height:auto;min-height:100%}.hero-image{height:100%;min-height:100%}}@media (width<=900px){.hero{min-height:auto;padding-top:47px;padding-bottom:56px}.hero-wrapper{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:24px}.hero-content{justify-content:flex-start;max-width:100%;height:auto;padding:22px}.hero-badge{margin-bottom:12px;padding:8px 14px;font-size:.75rem}.hero h1{letter-spacing:-2px;font-size:clamp(2.2rem,5.6vw,3.2rem)}.hero h2{margin-top:12px;margin-bottom:12px;font-size:1.05rem}.hero p{margin-bottom:18px;font-size:.9rem;line-height:1.55}.hero-actions{gap:10px;margin-bottom:22px}.hero-actions .btn{min-height:44px;padding:12px 18px;font-size:.88rem}.hero-stats{gap:8px;margin-top:18px}.hero-stats div{text-align:center;grid-template-columns:1fr;justify-items:center;min-width:0;padding:12px 8px}.hero-stat-icon,.hero-stats strong,.hero-stats div>span:last-child{grid-column:1}.hero-stat-icon{grid-row:auto;margin-bottom:6px;font-size:1.2rem}.hero-stats strong{font-size:1rem}.hero-stats div>span:last-child{font-size:.7rem;line-height:1.15}.hero-visual{justify-content:center;place-self:stretch center;align-items:stretch;width:100%;max-width:500px;min-height:0;margin:0 auto;display:flex}.hero-image{aspect-ratio:auto;flex:1;width:100%;max-width:500px;height:auto;min-height:0;margin:0 auto}.hero-image img{width:80%;max-width:315px;height:auto}}@media (width<=700px){.hero-actions{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:10px;display:flex}.hero-actions .btn{white-space:nowrap;flex:none;min-height:40px;padding:10px 14px;font-size:.82rem}.hero-actions .btn-primary{padding:10px 16px}.hero-actions .btn-outline{padding:10px 14px}}@media (width<=649px){.hero{min-height:auto;padding-top:36px;padding-bottom:56px}.hero-wrapper{grid-template-columns:1fr;place-items:center stretch;gap:30px;width:100%}.hero-content{justify-content:flex-start;width:100%;max-width:none;height:auto;margin:0 auto;padding:28px}.hero-badge{margin-bottom:14px;padding:9px 14px;font-size:.8rem}.hero h1{letter-spacing:-2px;font-size:clamp(2.35rem,11vw,3.4rem);line-height:1.02}.hero h2{margin-top:14px;margin-bottom:14px;font-size:1.35rem;line-height:1.2}.hero p{max-width:100%;margin-bottom:22px;font-size:.98rem;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;margin-bottom:24px;display:flex}.hero-actions .btn{white-space:nowrap;flex:none;min-height:46px;padding:12px 18px;font-size:.92rem}.hero-actions .btn-primary{padding:12px 20px}.hero-actions .btn-outline{padding:16px 24px}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.hero-stats div{text-align:left;grid-template-rows:auto auto;grid-template-columns:32px 1fr;align-content:center;place-items:center start;gap:5px 12px;min-width:0;min-height:72px;padding:6px 5px 6px 20px;display:grid}.hero-stat-icon{grid-area:1/1/span 2;place-self:center start;margin-bottom:0;font-size:2rem}.hero-stats strong{grid-column:2;margin:0;font-size:1.05rem;line-height:1}.hero-stats div>span:last-child{grid-column:2;margin-top:0;font-size:.8rem;line-height:1.1}.hero-visual{justify-self:stretch;width:100%;max-width:none;min-height:auto;margin:0 auto}.hero-image{aspect-ratio:auto;justify-content:center;align-items:center;width:100%;max-width:none;height:500px;min-height:0;margin:0 auto;display:flex}.hero-image img{object-fit:cover;object-position:center top;width:min(82%,560px);max-width:calc(100% - 48px);height:410px}}@media (width<=560px){.hero{padding-top:40px;padding-bottom:64px}.hero-content{padding:24px}.hero h1{letter-spacing:-2px;font-size:clamp(2.3rem,13vw,3.4rem)}.hero h2{font-size:1rem}.hero-actions{flex-direction:column;align-items:stretch;width:100%;margin-bottom:12px}.hero-actions .btn{flex:none;width:100%;min-height:46px;padding:14px 18px}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}.hero-stats div{text-align:left;grid-template-rows:auto auto;grid-template-columns:28px 1fr;align-content:center;place-items:center start;gap:3px 10px;min-width:0;min-height:64px;padding:7px 12px 7px 14px;display:grid}.hero-stat-icon{grid-area:1/1/span 2;place-self:center start;margin-bottom:0;font-size:1.45rem}.hero-stats strong{grid-area:1/2;margin:0;font-size:.9rem;line-height:1}.hero-stats div>span:last-child{grid-area:2/2;margin:0;font-size:.66rem;line-height:1.1}.hero-visual{width:100%;max-width:none;margin:0 auto}.hero-image{aspect-ratio:1;justify-content:center;align-items:center;width:100%;max-width:none;height:auto;min-height:340px;margin:0 auto;display:flex}.hero-image img{width:clamp(240px,68vw,340px);max-width:calc(100% - 32px);height:auto}.hero-orbit-icon{width:40px;height:40px;font-size:1.18rem}.orbit-react{top:9%;left:8%}.orbit-node{top:10%;right:8%}.orbit-js{top:42%;left:5%}.orbit-mongo{top:42%;right:5%}.orbit-html{bottom:9%;left:12%}.orbit-css{bottom:9%;right:12%}}@media (width<=500px){.hero-content{width:100%;max-width:none;padding:22px}.hero-visual{width:100%;max-width:none}.hero-image{aspect-ratio:auto;justify-content:center;align-items:center;width:100%;max-width:none;height:470px;min-height:470px;display:flex}.hero-image img{object-fit:cover;width:auto;max-width:calc(100% - 44px);height:390px}}@media (width<=420px){.hero-content{padding:22px 18px}.hero h1{font-size:clamp(2.45rem,13.5vw,3.15rem);line-height:1}.hero h2{font-size:1.35rem;line-height:1.25}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}.hero-stats div{box-sizing:border-box;text-align:left;grid-template-rows:auto auto;grid-template-columns:20px minmax(0,max-content);place-content:center;place-items:center start;gap:3px 5px;width:100%;min-width:0;min-height:64px;padding:7px 5px;display:grid}.hero-stat-icon{grid-area:1/1/span 2;place-self:center;width:20px;height:20px;margin:0;font-size:1.15rem}.hero-stats strong{white-space:nowrap;grid-area:1/2;min-width:0;margin:0;font-size:.78rem;line-height:1}.hero-stats div>span:last-child{overflow-wrap:anywhere;grid-area:2/2;min-width:0;margin:0;font-size:.58rem;line-height:1.1}}@media (width<=380px){.hero-content{padding:20px 16px}.hero h1{letter-spacing:-1px;font-size:2.1rem}.hero-image{height:410px;min-height:410px}.hero-image img{object-fit:cover;width:auto;max-width:calc(100% - 36px);height:340px}.hero-orbit-icons{display:none}}@media (width<=768px),(pointer:coarse),(prefers-reduced-motion:reduce){.hero-shine,.hero-image:after,.hero-orbit-icon{animation:none}.hero-orbit-icon{will-change:auto}.hero-image:hover img{transform:none}}@media (width<=768px),(pointer:coarse){.hero-content{contain:layout paint;transform:translateZ(0)}}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;display:grid}.skill-card{border-radius:var(--radius-md);background:var(--card-bg);border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;min-height:120px;transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:22px;font-weight:600;display:flex}.skill-card:hover{border-color:var(--primary);transform:translateY(-8px);box-shadow:0 0 30px #38bdf866,0 10px 40px #0006}.skill-card h3{margin-bottom:8px;font-size:1.18rem}.skill-card p{color:var(--text-soft);font-size:.92rem}.skill-icon{justify-content:center;align-items:center;margin-bottom:8px;font-size:36px;line-height:1;display:flex}.skill-icon svg{transition:filter .3s}.skill-card:hover .skill-icon svg{filter:drop-shadow(0 0 10px #38bdf8cc)}.skills-section .section-heading{max-width:680px}@media (width<=480px){.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.skill-card{min-height:104px;padding:14px 10px}.skill-icon{margin-bottom:6px;font-size:30px}.skill-card h3{margin-bottom:4px;font-size:.95rem}.skill-card p{font-size:.76rem;line-height:1.3}}.skill-card,.skill-card span{overflow-wrap:anywhere;min-width:0}@media (width<=360px){.skills-grid{grid-template-columns:1fr}}@media (width<=768px),(pointer:coarse),(prefers-reduced-motion:reduce){.skill-card:hover{transform:none}.skill-card:hover .skill-icon svg{filter:none}}.project-grid{perspective:1200px;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}@media (width<=1000px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.project-grid{grid-template-columns:1fr;gap:20px}}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:32px;display:grid}.contact-left,.contact-info{width:100%;height:100%}.contact-left{background:linear-gradient(145deg,#0f172ae0,#080d1ceb);border:1px solid #94a3b838;border-radius:24px;height:520px;padding:24px 28px;overflow:hidden;box-shadow:0 24px 70px #00000047}.contact-info{flex-direction:column;height:100%;display:flex;overflow:hidden}.contact-info h2{letter-spacing:-.04em;width:100%;max-width:none;margin-top:18px;font-size:clamp(2.3rem,3.1vw,3.3rem);line-height:1}.contact-info h2 span{color:var(--primary)}.contact-info>p{max-width:480px;margin-top:16px;font-size:.9rem;font-weight:500;line-height:1.55}.contact-highlights{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.contact-highlights span{color:#ffffffd6;letter-spacing:.01em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ab8;border:1px solid #38bdf81f;border-radius:999px;align-items:center;padding:8px 14px;font-size:.78rem;font-weight:600;transition:transform .25s,border-color .25s,box-shadow .25s;display:inline-flex;box-shadow:inset 0 1px #ffffff0a,0 8px 24px #0f172a47}.contact-highlights span:hover{border-color:#38bdf847;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff0d,0 12px 30px #38bdf81f}.contact-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:auto;display:grid}.contact-feature-card{border:1px solid var(--border-soft);min-height:66px;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#02061794;border-radius:16px;align-items:center;gap:10px;padding:11px 13px;display:flex;position:relative;overflow:hidden}.contact-feature-card:before{content:"";opacity:0;transition:opacity var(--transition);position:absolute;inset:-40%}.contact-feature-card:hover{border-color:#38bdf880;box-shadow:0 18px 45px #38bdf829}.contact-feature-card:hover:before{opacity:1}.contact-feature-icon{z-index:1;color:#020617;border-radius:13px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;animation:3s ease-in-out infinite contactIconFloat;display:inline-flex;position:relative}.contact-feature-card div{z-index:1;position:relative}.contact-feature-card h4{color:var(--text-main);margin:0 0 2px;font-size:.84rem;line-height:1.15}.contact-feature-card p{color:var(--text-soft);margin:0;font-size:.7rem;line-height:1.25}.contact-feature-icon-1{color:#020617;background:linear-gradient(135deg,#38bdf8,#60a5fa);border:1px solid #38bdf859;box-shadow:0 0 24px #38bdf829}.contact-feature-icon-2{color:#020617;background:linear-gradient(135deg,#25d366,#22c55e);border:1px solid #25d36659;box-shadow:0 0 24px #25d36629}.contact-feature-icon-3{color:#f8fafc;background:linear-gradient(135deg,#0f172a,#475569);border:1px solid #f8fafc3d;box-shadow:0 0 24px #f8fafc1f}.contact-feature-icon-4{color:#fff;background:linear-gradient(135deg,#0a66c2,#38bdf8);border:1px solid #0a66c259;box-shadow:0 0 24px #0a66c22e}.contact-feature-card-1:before{background:radial-gradient(circle,#38bdf83d,#0000 60%)}.contact-feature-card-2:before{background:radial-gradient(circle,#25d3663d,#0000 60%)}.contact-feature-card-3:before{background:radial-gradient(circle,#f8fafc24,#0000 60%)}.contact-feature-card-4:before{background:radial-gradient(circle,#0a66c242,#0000 60%)}.contact-section{padding:80px 0 70px;position:relative;overflow:hidden}.contact-section form{border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--card-bg);width:100%;height:100%;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:28px}.contact-section textarea{resize:none;height:110px;min-height:110px;max-height:110px}.form-status{border-radius:12px;padding:12px 14px;font-size:.92rem}.form-status-success{color:var(--success);background:#34d3991a}.form-status-error{color:var(--danger);background:#fb71851a}.contact-flip{perspective:1200px;width:100%}.contact-card{width:100%;height:520px;min-height:unset;transform-style:preserve-3d;position:relative}.contact-front,.contact-back{backface-visibility:hidden;width:100%}.contact-front{z-index:2;position:relative}.contact-back{text-align:center;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at top,#38bdf82e,#0000 38%),linear-gradient(135deg,#0f172af0,#020617db);border:1px solid #38bdf847;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:34px;display:flex;position:absolute;inset:0;transform:rotateY(180deg);box-shadow:0 30px 80px #00000073,0 0 45px #38bdf81f}.success-icon{color:#020617;background:linear-gradient(135deg, var(--primary), var(--success));border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;font-size:38px;font-weight:900;display:inline-flex;box-shadow:0 0 34px #38bdf859}.contact-back h3{margin-top:8px;font-size:clamp(1.6rem,4vw,2.2rem)}.contact-back p{max-width:420px;margin:0}@keyframes contactIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (width<=1024px){.contact-grid{grid-template-columns:1fr;gap:28px}.contact-left{height:auto;min-height:0}.contact-info{overflow:visible}.contact-info h2{max-width:none;font-size:clamp(2.4rem,8vw,3.7rem)}.contact-info>p{max-width:58ch}.contact-features{margin-top:28px}.contact-card,.contact-section form{height:auto;min-height:520px}}@media (width<=560px){.contact-card{min-height:560px}.contact-back{padding:24px}.contact-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.contact-feature-card{min-height:78px}}.contact-grid,.contact-left,.contact-info,.contact-flip,.contact-card,.contact-front,.contact-back,.contact-section form{min-width:0}.contact-info h2,.contact-info p,.contact-back h3,.contact-back p{overflow-wrap:anywhere}@media (width<=1024px){.contact-left{padding:clamp(20px,4vw,28px);overflow:visible}.contact-card,.contact-section form{min-height:auto}}@media (width<=560px){.contact-section{padding:72px 0 64px}.contact-grid{gap:22px}.contact-left{border-radius:20px;padding:20px}.contact-info h2{font-size:clamp(2rem,11vw,2.8rem);line-height:1.05}.contact-info>p{font-size:.88rem}.contact-section form{height:auto;padding:22px}.contact-section textarea{resize:vertical;height:120px;min-height:120px;max-height:220px}.contact-card{height:auto;min-height:auto}}@media (width<=420px){.contact-left{height:auto;min-height:auto;padding:18px 16px;overflow:visible}.contact-info{height:auto;overflow:visible}.contact-info h2{letter-spacing:-.055em;margin-top:10px;font-size:clamp(2.25rem,9.4vw,2.7rem);line-height:1.04}.contact-info>p{margin-top:14px;font-size:.82rem;line-height:1.5}.contact-highlights{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.contact-highlights span{white-space:nowrap;justify-content:center;width:auto;padding:12px 10px;font-size:.62rem;line-height:1}.contact-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px;display:grid}.contact-feature-card{gap:7px;min-height:74px;padding:8px 14px}.contact-feature-icon{border-radius:11px;flex:0 0 30px;width:30px;height:30px;font-size:15px}.contact-feature-card h4{font-size:.74rem;line-height:1.1}.contact-feature-card p{font-size:.6rem;line-height:1.2}}@media (width<=768px),(pointer:coarse),(prefers-reduced-motion:reduce){.contact-feature-icon{animation:none}}.contact-link-card{color:inherit;cursor:pointer;text-decoration:none}.contact-link-card:hover{color:inherit}.contact-link-card .contact-feature-icon{flex:none;font-size:1.25rem}.admin-page{min-height:100vh;color:var(--text-main);padding:120px 24px 60px}.admin-container{max-width:900px;margin:0 auto}.admin-title{margin-bottom:24px;font-size:2rem}.admin-login-card,.admin-message-card{border-radius:var(--radius-lg);background:var(--card-bg);border:1px solid var(--border-soft);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:24px}.admin-login-card{max-width:400px;margin:0 auto}.admin-error{color:var(--danger);margin-top:12px}.admin-actions{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.admin-message-card{margin-top:16px;transition:transform .3s,box-shadow .3s}.admin-message-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #0006}.admin-message-card p{margin-bottom:8px}.admin-search{border-radius:10px;width:100%;margin-bottom:20px;padding:12px}.admin-delete-btn{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:999px;margin-top:12px;padding:8px 14px;font-weight:700}.admin-delete-btn:hover{filter:brightness(1.1)}.admin-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.admin-modal{border-radius:var(--radius-lg);background:var(--card-bg-strong);border:1px solid var(--border-soft);width:min(420px,100%);box-shadow:var(--shadow-card);padding:28px}.admin-modal h3{margin-bottom:10px;font-size:1.35rem}.admin-modal p{margin-bottom:22px}.admin-modal-actions{justify-content:flex-end;gap:12px;display:flex}@media (width<=560px){.admin-page{padding:96px 16px 48px}.admin-actions{flex-direction:column;align-items:flex-start}.admin-modal-actions{flex-direction:column}.admin-modal-actions button{width:100%}}.admin-pagination{justify-content:center;align-items:center;gap:14px;margin-top:28px;display:flex}.admin-pagination span{color:var(--text-main);font-weight:700}.admin-unread{border:1px solid #facc15;box-shadow:0 0 12px #facc1566}.admin-pagination button{color:var(--text-main);border:1px solid var(--border-soft);cursor:pointer;background:#0f172acc;border-radius:999px;padding:10px 16px;font-weight:700}.admin-pagination button:hover:not(:disabled){color:var(--primary);border-color:var(--primary)}.admin-pagination button:disabled{opacity:.45;cursor:not-allowed;color:var(--text-muted)}.admin-unread-count{color:#facc15}.admin-action-buttons,.admin-message-actions{flex-wrap:wrap;gap:12px;display:flex}.admin-search-label{margin-bottom:20px}.admin-search-label span{margin-bottom:8px}.admin-notice{color:var(--success);margin-bottom:12px}.admin-message-actions{margin-top:14px}.admin-message-actions .admin-delete-btn{margin-top:0}@media (width<=560px){.admin-action-buttons,.admin-message-actions{flex-direction:column;width:100%}.admin-action-buttons button,.admin-message-actions button{width:100%}}.admin-container,.admin-login-card,.admin-message-card,.admin-modal{min-width:0}.admin-message-card p{overflow-wrap:anywhere}@media (width<=560px){.admin-title{font-size:1.55rem;line-height:1.2}.admin-login-card,.admin-message-card{padding:20px}.admin-search{margin-bottom:14px}.admin-pagination{flex-wrap:wrap}}.about-section{position:relative}.about-heading{max-width:680px}.about-wrapper{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);align-items:stretch;gap:24px;display:grid}.about-main-card,.about-small-card{-webkit-backdrop-filter:blur(16px);background:#080d1cad;border:1px solid #94a3b838;box-shadow:0 24px 60px #0000004d}.about-main-card{border-radius:var(--radius-lg);flex-direction:column;justify-content:center;min-height:280px;padding:30px;display:flex}.about-badge{width:fit-content;color:var(--primary);background:#38bdf81a;border:1px solid #38bdf840;border-radius:999px;margin-bottom:18px;padding:8px 14px;font-size:.78rem;font-weight:800}.about-main-card h3{letter-spacing:-1px;max-width:620px;margin-bottom:16px;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.15}.about-main-card p{max-width:620px;color:var(--text-muted);margin-bottom:24px;font-size:.98rem;line-height:1.75}.about-actions{flex-wrap:wrap;gap:12px;display:flex}.about-card-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.about-small-card{border-radius:var(--radius-md);min-height:132px;transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);padding:18px}.about-small-card:hover{border-color:var(--primary);transform:translateY(-6px);box-shadow:0 0 28px #38bdf847,0 10px 35px #00000059}.about-small-icon{width:42px;height:42px;color:var(--primary);background:#38bdf81a;border-radius:14px;justify-content:center;align-items:center;margin-bottom:14px;font-size:1.25rem;display:flex}.about-small-card h4{margin-bottom:8px;font-size:1rem}.about-small-card p{color:var(--text-soft);font-size:.88rem;line-height:1.55}@media (width<=980px){.about-wrapper{grid-template-columns:1fr}.about-main-card{min-height:auto}}@media (width<=640px){.about-wrapper{gap:18px}.about-main-card{padding:24px 20px}.about-card-grid{grid-template-columns:1fr}.about-small-card{min-height:auto}.about-actions .btn{width:100%}}.about-actions .btn-secondary{color:var(--text-main);background:#38bdf81a;border:1px solid #38bdf847}.about-actions .btn-secondary:hover{color:#020617;background:linear-gradient(135deg, var(--primary), var(--accent));border-color:#0000;box-shadow:0 16px 34px #38bdf840}.about-small-card:first-child .about-small-icon{color:#38bdf8;background:#38bdf82e;border:1px solid #38bdf84d}.about-small-card:nth-child(2) .about-small-icon{color:#22c55e;background:#22c55e24}.about-small-card:nth-child(3) .about-small-icon{color:#f97316;background:#f9731624}.about-small-card:nth-child(4) .about-small-icon{color:#a78bfa;background:#a78bfa24}@media (width<=768px),(pointer:coarse){.hero-content,.hero-stats div,.hero-orbit-icon,.about-main-card,.about-small-card,.skill-card,.project-card,.contact-highlights span,.contact-feature-card,.contact-section form,.contact-back{-webkit-backdrop-filter:none}#about,#skills,#projects,#contact{content-visibility:auto;contain-intrinsic-size:700px}.hero-content,.about-main-card,.about-small-card,.skill-card,.project-card,.contact-feature-card,.contact-section form{contain:layout paint}.bg-circle{filter:blur(50px);will-change:auto}}