:root{color-scheme:dark;--page-bg: radial-gradient(circle at 18% 12%, rgba(89, 214, 180, .2), transparent 28rem), radial-gradient(circle at 90% 18%, rgba(255, 122, 89, .16), transparent 25rem), linear-gradient(135deg, #11110f 0%, #191713 52%, #121313 100%);--text: #f6f1e8;--heading: #fffaf0;--muted: #d8d1c4;--soft: #b9b0a0;--surface: rgba(17, 17, 15, .72);--panel: linear-gradient(145deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .045));--card: rgba(255, 255, 255, .055);--border: rgba(246, 241, 232, .14);--accent: #59d6b4;--accent-2: #f7c873;--button-text: #12120f;--tooltip-bg: rgba(17, 17, 15, .95);--tooltip-text: var(--heading);color:#f6f1e8;background:#11110f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme=light]{color-scheme:light;--page-bg: radial-gradient(circle at 16% 8%, rgba(89, 214, 180, .22), transparent 24rem), radial-gradient(circle at 88% 12%, rgba(247, 200, 115, .24), transparent 23rem), linear-gradient(135deg, #fbf7ef 0%, #eef8f4 52%, #fff8e8 100%);--text: #171814;--heading: #11120f;--muted: #4e554c;--soft: #697066;--surface: rgba(255, 255, 255, .72);--panel: linear-gradient(145deg, rgba(255, 255, 255, .86), rgba(255, 255, 255, .58));--card: rgba(255, 255, 255, .62);--border: rgba(25, 28, 23, .12);--accent: #087f6c;--accent-2: #b06d00;--button-text: #10120f;--tooltip-bg: rgba(255, 255, 255, .96);--tooltip-text: var(--heading)}:root[data-theme=light] input,:root[data-theme=light] textarea{border-color:#191c172e;color:var(--text);background:var(--surface)}:root[data-theme=light] input:focus,:root[data-theme=light] textarea:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px #087f6c1f}:root[data-theme=light] ::placeholder{color:var(--soft)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{overflow-x:hidden;min-width:320px;margin:0;color:var(--text);background:var(--page-bg)}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 72%);mask-image:linear-gradient(to bottom,black,transparent 72%)}a{color:inherit}.page{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:14px 0 48px}.reveal-on-scroll{opacity:0;transform:translateY(24px) scale(.985);filter:blur(2px);transition:opacity .52s ease,transform .62s cubic-bezier(.22,1,.36,1),filter .52s ease;will-change:opacity,transform,filter}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}@media (prefers-reduced-motion: reduce){.reveal-on-scroll{opacity:1;transform:none;filter:none;transition:none}}.topbar{position:sticky;top:8px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:62px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 20px 70px #0000003d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:10px;min-width:0;color:var(--heading);font-size:.96rem;font-weight:800;text-decoration:none}.brand span{display:inline-grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:var(--button-text);background:linear-gradient(135deg,#59d6b4,#f7c873);box-shadow:0 8px 24px #59d6b43d;overflow:hidden}.brand-logo-img{width:100%;height:100%;object-fit:cover}.topbar nav{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.nav-item{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:12px;color:var(--muted);background:#ffffff08;border:1px solid var(--border);cursor:pointer;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.nav-item:hover,.nav-item.active{color:var(--accent);background:#59d6b41a;border-color:#59d6b44d;transform:translateY(-2px)}.nav-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;transition:transform .25s ease}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-divider{width:1px;height:22px;background:var(--border);margin:0 4px;align-self:center}.nav-item.social-mail:hover{color:#4285f4;background:#4285f414;border-color:#4285f44d;box-shadow:0 4px 15px #4285f433,0 0 10px #ea433526}.nav-item.social-github:hover{color:var(--heading);background:#ffffff14;border-color:#ffffff40;box-shadow:0 4px 15px #ffffff1a}.nav-item.social-linkedin:hover{color:#0077b5;background:#0077b51a;border-color:#0077b559;box-shadow:0 4px 15px #0077b533}.nav-item[class*=social-] .nav-icon{fill:unset;stroke:none}.nav-item.social-hashnode:hover{color:#2962ff;background:#2962ff14;border-color:#2962ff59;box-shadow:0 4px 15px #2962ff33}.nav-item.social-youtube:hover{color:red;background:#ff000014;border-color:#ff000059;box-shadow:0 4px 15px #f003}.nav-item.social-x:hover,.nav-item.social-twitter:hover{color:var(--heading);background:#ffffff14;border-color:#ffffff40;box-shadow:0 4px 15px #ffffff1a}.nav-item.social-whatsapp:hover{color:#25d366;background:#25d36614;border-color:#25d36659;box-shadow:0 4px 15px #25d36633}.nav-item.social-telegram:hover{color:#08c;background:#0088cc14;border-color:#0088cc59;box-shadow:0 4px 15px #08c3}.nav-item.social-instagram:hover{color:#d6249f;background:#d6249f14;border-color:#d6249f59;box-shadow:0 4px 15px #d6249f33}.nav-item.social-facebook:hover{color:#1877f2;background:#1877f214;border-color:#1877f259;box-shadow:0 4px 15px #1877f233}@media (max-width: 860px){.nav-divider{display:none}}.nav-tooltip{position:absolute;bottom:-44px;left:50%;transform:translate(-50%) translateY(-6px);padding:6px 12px;border-radius:6px;background:var(--tooltip-bg);border:1px solid var(--border);color:var(--tooltip-text);font-size:.78rem;font-weight:700;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #00000026;z-index:100}.nav-tooltip:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%) rotate(45deg);width:8px;height:8px;background:var(--tooltip-bg);border-left:1px solid var(--border);border-top:1px solid var(--border)}.nav-item:hover .nav-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.theme-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;min-height:44px;height:44px;padding:0;border-radius:12px;color:var(--muted);background:#ffffff08;border:1px solid var(--border);cursor:pointer;box-shadow:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.theme-toggle:hover{color:var(--accent-2);background:#f7c87326;border-color:#f7c87359;transform:translateY(-2px)}.theme-toggle:hover .nav-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.theme-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;transition:transform .25s ease}.theme-toggle:hover svg{transform:scale(1.1) rotate(15deg)}.theme-toggle svg circle{fill:currentColor;stroke:currentColor}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.8fr);gap:28px;align-items:center;min-height:calc(100vh - 112px);padding:56px 0 34px}.hero-copy{max-width:720px}.eyebrow,.section-heading span,.profile-card span{color:var(--accent);font-size:.76rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hero h1{max-width:760px;margin:12px 0 0;color:var(--heading);font-size:clamp(3.4rem,10vw,7.8rem);line-height:.86;letter-spacing:0}.hero h2{max-width:650px;margin:20px 0 0;color:var(--accent-2);font-size:clamp(1.1rem,2vw,1.65rem);line-height:1.25;overflow-wrap:anywhere}.hero p:not(.eyebrow){max-width:640px;margin:18px 0 0;color:var(--muted);font-size:1.06rem;line-height:1.75}.availability-pill{display:inline-flex;align-items:center;gap:10px;width:fit-content;margin-top:18px;padding:8px 12px;border:1px solid rgba(89,214,180,.26);border-radius:999px;color:var(--heading);background:#59d6b414;box-shadow:inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.availability-pill span:not(.availability-pulse){font-size:.82rem;font-weight:900}.availability-pill strong{padding-left:10px;border-left:1px solid rgba(246,241,232,.16);color:var(--accent-2);font-size:.78rem;font-weight:900}.availability-pulse{width:9px;height:9px;border-radius:999px;background:#34d399;box-shadow:0 0 0 0 var(--availability-glow, rgba(52, 211, 153, .55));animation:availability-pulse 1.8s ease-out infinite}@keyframes availability-pulse{70%{box-shadow:0 0 0 9px #0000}to{box-shadow:0 0 #0000}}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn,button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border:0;border-radius:8px;font:inherit;font-weight:900;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn:hover,button:hover{transform:translateY(-2px)}.primary,button{color:var(--button-text);background:linear-gradient(135deg,#59d6b4,#f7c873);box-shadow:0 18px 42px #59d6b438}.ghost{border:1px solid var(--border);color:var(--heading);background:var(--card)}.hero-visual{position:relative;min-height:360px;display:grid;place-items:center;transition:opacity .54s ease,transform .7s cubic-bezier(.22,1,.36,1),filter .54s ease}.hero-visual.scroll-hidden{opacity:0;transform:translateY(22px) scale(.94);filter:blur(4px);pointer-events:none}.hero-visual.scroll-revealed{opacity:1;transform:translateY(0) scale(1);filter:blur(0);pointer-events:auto}.panel,.stats-strip{border:1px solid var(--border);border-radius:8px;background:var(--panel);box-shadow:inset 0 1px #ffffff1f,0 22px 70px #00000038;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.profile-image-wrapper{position:relative;width:min(100%,280px);aspect-ratio:1;display:grid;place-items:center;overflow:visible}.profile-image-glow{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));filter:blur(28px);opacity:.45;border-radius:50%;z-index:1;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1),filter .3s cubic-bezier(.4,0,.2,1)}.profile-image-ring{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border:2px dashed rgba(89,214,180,.45);border-radius:50%;z-index:2;animation:spin-clockwise 20s linear infinite;pointer-events:none;transition:border-color .3s ease,border-style .3s ease}@keyframes spin-clockwise{to{transform:rotate(360deg)}}.profile-image-container{position:relative;z-index:3;width:100%;height:100%;border-radius:50%;overflow:hidden;border:3px solid var(--border);background:#ffffff09;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 50px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);display:grid;place-items:center}.profile-image-container img{width:100%;height:100%;object-fit:cover;transition:transform .3s cubic-bezier(.4,0,.2,1)}.profile-placeholder-svg{width:48%;height:48%;fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;transition:stroke .3s ease,transform .3s ease}.profile-image-wrapper:hover .profile-image-container{border-color:var(--accent);transform:scale(1.03);box-shadow:0 24px 60px #59d6b440}.profile-image-wrapper:hover .profile-image-container img{transform:scale(1.06)}.profile-image-wrapper:hover .profile-image-container .profile-placeholder-svg{stroke:var(--accent-2);transform:scale(1.06)}.profile-image-wrapper:hover .profile-image-glow{opacity:.65;filter:blur(34px)}.profile-image-wrapper:hover .profile-image-ring{border-color:var(--accent-2);border-style:dotted;animation-duration:8s}.stats-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;border:none;background:transparent;box-shadow:none}.stats-item{position:relative;display:grid;gap:6px;min-height:146px;padding:18px 18px 16px;border-radius:14px;border:1px solid rgba(89,214,180,.22);background:radial-gradient(circle at 100% 0%,rgba(247,200,115,.13),transparent 10rem),linear-gradient(145deg,#ffffff17,#ffffff0a);box-shadow:0 14px 32px #0000002e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.stats-item:hover{transform:translateY(-4px);border-color:#59d6b459;box-shadow:0 18px 36px #59d6b429}.stats-kicker{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;font-weight:900;color:var(--accent)}.stats-strip strong{color:var(--heading);font-size:clamp(2rem,5vw,3rem);line-height:1;letter-spacing:-.02em}.stats-label{color:var(--heading);font-size:.95rem;font-weight:800}.stats-subtitle{margin:2px 0 0;color:var(--soft);font-size:.82rem;line-height:1.45}.content-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:18px}.panel{padding:24px}.projects-panel,.contact-panel{grid-column:span 2}.project-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.project-filter-btn{padding:8px 16px;border-radius:20px;border:1px solid var(--border);background:#ffffff08;color:var(--muted);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.project-filter-btn:hover{background:#ffffff14;border-color:#fff3;color:var(--text);transform:translateY(-2px)}.project-filter-btn.active{background:#59d6b426;border-color:#59d6b466;color:var(--accent);font-weight:700}.cta-strip{grid-column:span 2;padding:32px;margin:24px 0;border-radius:16px;background:radial-gradient(circle at 0% 0%,rgba(89,214,180,.2),transparent 30rem),radial-gradient(circle at 100% 100%,rgba(247,200,115,.12),transparent 28rem),linear-gradient(145deg,#ffffff14,#ffffff08);border:1px solid rgba(89,214,180,.25);text-align:center;box-shadow:0 8px 32px #59d6b426,inset 0 1px #ffffff1a}.cta-content{display:flex;flex-direction:column;align-items:center;gap:20px}.cta-strip h2{margin:0;font-size:1.75rem;font-weight:800;color:var(--heading);letter-spacing:-.02em}.cta-btn{padding:14px 32px;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:50px;background:linear-gradient(135deg,var(--accent),#4db8a0);color:#0a3d32;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #59d6b466}.cta-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #59d6b480}.resume-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:50px;border:1px solid var(--border);background:#ffffff0d;color:var(--text);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.resume-btn:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-2px);color:var(--accent)}.site-footer{position:relative;margin-top:38px;margin-bottom:-48px;margin-left:calc(50% - 50vw);width:100vw;border:1px solid rgba(246,241,232,.11);border-top-color:#59d6b452;border-right:0;border-bottom:0;border-left:0;border-radius:0;background:radial-gradient(circle at 0% 0%,rgba(89,214,180,.16),transparent 22rem),radial-gradient(circle at 100% 0%,rgba(247,200,115,.08),transparent 20rem),linear-gradient(180deg,#ffffff0e,#ffffff05);box-shadow:inset 0 1px #ffffff14,0 -10px 44px #0000002e;overflow:hidden}.site-footer:before{position:absolute;inset:0 0 auto;height:1px;content:"";background:linear-gradient(90deg,transparent,var(--accent),var(--accent-2),transparent);opacity:.72}.footer-main{display:grid;grid-template-columns:minmax(280px,1fr) minmax(130px,.34fr) minmax(260px,.5fr);gap:28px;align-items:start;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:24px 30px 22px}.footer-brand{display:grid;gap:12px;min-width:0}.footer-logo{width:fit-content}.footer-brand p{max-width:620px;margin:0;color:var(--muted);font-size:.94rem;line-height:1.7;opacity:.9}.footer-column{display:grid;gap:14px}.footer-connect{justify-self:end;min-width:260px;padding:16px;border:1px solid rgba(246,241,232,.1);border-radius:14px;background:#ffffff09;box-shadow:inset 0 1px #ffffff0f}.footer-heading{color:var(--accent);font-size:.72rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.footer-links{display:grid;gap:8px}.footer-socials{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.footer-links a{width:fit-content;padding:0;border:0;border-radius:0;color:var(--muted);font-size:.9rem;font-weight:850;text-decoration:none;transition:color .2s ease,transform .2s ease}.footer-links a:hover{color:var(--accent);background:transparent;transform:translate(3px)}.footer-social-link{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid var(--border);border-radius:10px;color:var(--muted);background:#ffffff09;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}.footer-social-link:hover{transform:translateY(-2px);border-color:#59d6b457;background:#59d6b414}.footer-social-link.social-mail:hover,.footer-social-link.social-email:hover{border-color:#4285f461;background:#4285f414;box-shadow:0 10px 24px #4285f429}.footer-social-link.social-github:hover{border-color:#ffffff47;background:#ffffff12;box-shadow:0 10px 24px #ffffff14}.footer-social-link.social-linkedin:hover{border-color:#0077b56b;background:#0077b51a;box-shadow:0 10px 24px #0077b52e}.footer-social-link.social-youtube:hover{border-color:#ff000061;background:#ff000014;box-shadow:0 10px 24px #ff00002e}.footer-social-link.social-hashnode:hover{border-color:#2962ff66;background:#2962ff14;box-shadow:0 10px 24px #2962ff29}.footer-social-icon{width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important}.footer-bottom{padding:0;border-top:1px solid rgba(246,241,232,.1);background:#0000001a;color:var(--soft);font-size:.86rem;font-weight:750}.footer-bottom-inner{display:flex;justify-content:space-between;gap:14px;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:14px 30px;line-height:1.45}.footer-cta{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:40px;padding:10px 14px;border:1px solid rgba(89,214,180,.28);border-radius:8px;color:var(--button-text);background:linear-gradient(135deg,#59d6b4,#f7c873);box-shadow:0 14px 34px #59d6b433;font-size:.88rem;font-weight:900;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.footer-cta:hover{transform:translateY(-2px);box-shadow:0 18px 42px #59d6b447}.back-to-top{position:fixed;right:20px;bottom:20px;z-index:25;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(89,214,180,.35);border-radius:12px;color:var(--button-text);background:linear-gradient(135deg,#59d6b4,#f7c873);box-shadow:0 18px 42px #59d6b43d;opacity:0;pointer-events:none;transform:translateY(14px) scale(.96);transition:opacity .22s ease,transform .22s ease,box-shadow .22s ease}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.back-to-top:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 24px 50px #59d6b452}.back-to-top svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.6}.section-heading{display:grid;gap:8px;margin-bottom:20px}.section-heading h3{margin:0;color:var(--heading);font-size:clamp(1.55rem,3vw,2.45rem);line-height:1.1}.skills-panel{position:relative;overflow:visible;border-radius:18px!important;background:linear-gradient(145deg,#ffffff0d,#ffffff03)!important;border:1px solid rgba(246,241,232,.08)!important;box-shadow:inset 0 1px #ffffff0d,0 20px 45px #00000040!important;transition:border-color .3s ease,box-shadow .3s ease}.skills-panel:hover{border-color:#59d6b440!important;box-shadow:inset 0 1px #ffffff14,0 28px 55px #0000004d,0 0 0 1px #59d6b40d!important}.journey-panel,.workstyle-panel{position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(145deg,#ffffff0d,#ffffff05)}.journey-panel:before,.workstyle-panel:before{position:absolute;top:0;bottom:0;left:0;width:5px;content:"";background:linear-gradient(180deg,#59d6b4,#f7c873);box-shadow:0 0 24px #59d6b447;opacity:.95}.journey-panel>*,.workstyle-panel>*{position:relative;z-index:1}.timeline{position:relative;display:grid;gap:18px;padding-left:118px}.timeline:before{position:absolute;top:27px;bottom:84px;left:94px;width:2px;border-radius:999px;content:"";background:linear-gradient(180deg,#59d6b4,#f7c873,#7dd3fc);opacity:.78}.timeline-item{position:relative;display:block;min-height:0;padding:0}.timeline-item:before{position:absolute;top:24px;left:-32px;width:16px;height:16px;border:3px solid rgba(17,17,15,.92);border-radius:999px;content:"";background:var(--timeline-color);box-shadow:0 0 0 5px var(--timeline-glow),0 0 22px var(--timeline-glow)}.timeline-item>div{padding:16px 18px;border:1px solid var(--timeline-border);border-radius:14px;background:linear-gradient(145deg,var(--timeline-bg),rgba(255,255,255,.018));box-shadow:inset 0 1px #ffffff0b}.timeline-tone-1{--timeline-color: #59d6b4;--timeline-glow: rgba(89, 214, 180, .18);--timeline-border: rgba(89, 214, 180, .24);--timeline-bg: rgba(89, 214, 180, .07)}.timeline-tone-2{--timeline-color: #f7c873;--timeline-glow: rgba(247, 200, 115, .18);--timeline-border: rgba(247, 200, 115, .24);--timeline-bg: rgba(247, 200, 115, .065)}.timeline-tone-3{--timeline-color: #7dd3fc;--timeline-glow: rgba(125, 211, 252, .18);--timeline-border: rgba(125, 211, 252, .24);--timeline-bg: rgba(125, 211, 252, .06)}.timeline-year{position:absolute;top:16px;left:-118px;display:inline-flex;align-items:center;justify-content:center;width:62px;min-height:34px;border:1px solid var(--timeline-border);border-radius:999px;color:var(--timeline-color);background:var(--timeline-bg);font-size:.78rem;font-weight:950}.timeline-item h4,.workstyle-card h4{margin:0;color:var(--heading);font-size:1rem;line-height:1.3}.timeline-item p,.workstyle-card p{margin:7px 0 0;color:var(--muted);font-size:.9rem;line-height:1.62}.workstyle-grid{display:grid;gap:12px}.workstyle-card{position:relative;padding:18px 18px 18px 62px;border:1px solid rgba(89,214,180,.16);border-radius:14px;background:radial-gradient(circle at 0% 0%,rgba(89,214,180,.12),transparent 12rem),#ffffff09;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}.workstyle-card:hover{transform:translateY(-3px);border-color:#59d6b457;background:radial-gradient(circle at 0% 0%,rgba(89,214,180,.18),transparent 12rem),#59d6b40e;box-shadow:0 18px 34px #00000029}.workstyle-number{position:absolute;top:18px;left:18px;display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid rgba(247,200,115,.26);border-radius:10px;color:var(--button-text);background:linear-gradient(135deg,#59d6b4,#f7c873);font-size:.68rem;font-weight:950;letter-spacing:.02em}.skills-panel .section-heading span{align-self:start;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);background:#59d6b414;border:1px solid rgba(89,214,180,.22);padding:4px 10px;border-radius:99px;width:fit-content}.chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.chips>span{display:inline-flex;align-items:center;padding:10px 18px;border-radius:12px;font-size:.88rem;font-weight:700;color:var(--heading);background:linear-gradient(135deg,#ffffff0a,#ffffff03);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;position:relative;transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;box-shadow:inset 0 1px #ffffff0d,0 4px 12px #00000026;-webkit-user-select:none;user-select:none}.skill-chip-icon{width:17px;height:17px;margin-right:8px;flex-shrink:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1);vertical-align:middle}.skill-live-dot{display:inline-block;width:4px;height:4px;border-radius:999px;margin-right:6px;flex-shrink:0;background:#34d399;box-shadow:0 0 4px #34d399b3;animation:skill-dot-pulse 2s ease-in-out infinite}.chips .skill-live-dot,.admin-skill-chip .skill-live-dot{width:4px;height:4px;border-radius:999px;display:inline-block;flex:0 0 4px}.flask-skill-icon{filter:brightness(0) invert(1)}:root[data-theme=light] .flask-skill-icon{filter:brightness(0) invert(0)}.chips>span:hover{background:#ffffff0d;border-color:#59d6b473;color:var(--accent);transform:translateY(-4px) scale(1.05);box-shadow:inset 0 1px #ffffff14,0 10px 22px #59d6b438,0 0 0 1px #59d6b414}.chips>span:hover .skill-chip-icon{transform:scale(1.22) rotate(6deg)}.chips>span:hover .skill-live-dot{box-shadow:0 0 0 2px #34d3993d,0 0 14px #34d399f2}@keyframes skill-dot-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.18);opacity:1}}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 20px;margin-top:48px}.project-card{position:relative;display:flex;flex-direction:column;min-height:240px;padding:22px;overflow:visible;border:1px solid rgba(246,241,232,.1);border-radius:18px;background:linear-gradient(145deg,#ffffff0f,#ffffff05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px #ffffff12,0 16px 40px #00000038;transition:transform .28s cubic-bezier(.34,1.56,.64,1),border-color .28s ease,box-shadow .28s ease}.project-card-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(circle at 30% 70%,rgba(89,214,180,.18),transparent 60%);opacity:0;border-radius:inherit;pointer-events:none;transition:opacity .4s ease;z-index:0}.project-card:hover{transform:translateY(-8px) scale(1.015);border-color:#59d6b459;box-shadow:inset 0 1px #ffffff1a,0 28px 60px #00000052,0 0 0 1px #59d6b41f}.project-card:hover .project-card-glow{opacity:1}.project-card-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.project-number{font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#f7c873bf;background:#f7c87314;border:1px solid rgba(247,200,115,.2);padding:3px 10px;border-radius:99px}.project-link-icons{display:flex;align-items:center;gap:8px}.project-icon-btn{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:#ffffff0a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--muted);text-decoration:none;cursor:pointer;transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease}.project-icon-btn svg{width:15px;height:15px;flex-shrink:0;transition:transform .25s ease}.project-icon-btn.demo-btn:hover{background:#59d6b41f;border-color:#59d6b466;color:var(--accent);transform:translateY(-2px) scale(1.08);box-shadow:0 8px 20px #59d6b433}.project-icon-btn.demo-btn:hover svg{transform:rotate(-8deg) scale(1.1)}.project-icon-btn.github-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:var(--heading);transform:translateY(-2px) scale(1.08);box-shadow:0 8px 20px #ffffff1a}.proj-icon-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);padding:5px 10px;border-radius:6px;background:var(--tooltip-bg);border:1px solid var(--border);color:var(--tooltip-text);font-size:.7rem;font-weight:700;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 18px #0003;z-index:50}.proj-icon-tooltip:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%) rotate(45deg);width:6px;height:6px;background:var(--tooltip-bg);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.project-icon-btn:hover .proj-icon-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.project-title{position:relative;z-index:1;margin:0 0 10px;color:var(--heading);font-size:1.15rem;font-weight:800;line-height:1.25;letter-spacing:-.01em}.project-desc{position:relative;z-index:1;flex:1;margin:0 0 14px;color:var(--muted);line-height:1.65;font-size:.92rem}.project-tech-tags{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.project-tech-tag{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:7px 10px;border:1px solid rgba(89,214,180,.2);border-radius:999px;color:var(--heading);background:#59d6b411;font-size:.76rem;font-weight:850;line-height:1}.project-tech-icon{width:13px;height:13px;flex:0 0 13px}.project-card-footer{position:relative;z-index:1;margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between}.project-index-label{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);opacity:.6}.project-index-num{font-size:.68rem;font-weight:900;letter-spacing:.1em;color:#f7c87380}.admin-message-card{position:relative;display:grid;gap:12px;min-height:0;padding:18px 18px 16px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:linear-gradient(160deg,#ffffff0f,#ffffff05);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.admin-message-card:hover{transform:translateY(-7px) scale(1.01);border-color:#f7c87366;box-shadow:0 18px 34px #00000052}.message-card-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center}.message-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#10120f;background:linear-gradient(135deg,#59d6b4,#f7c873)}.message-meta{min-width:0}.message-name{margin:0;color:var(--heading);font-weight:800;font-size:.98rem;line-height:1.25}.message-email{display:inline-flex;align-items:center;gap:6px;color:var(--soft);font-size:.84rem;text-decoration:none}.message-email svg{width:14px;height:14px;opacity:.9}.message-email:hover{color:var(--accent);text-decoration:underline}.message-time-wrap{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.78rem;white-space:nowrap}.message-time-icon{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;opacity:.8}.message-subject-row{display:inline-flex;align-items:center;gap:7px;width:fit-content;padding:6px 10px;border-radius:999px;border:1px solid rgba(247,200,115,.35);background:#f7c8731a}.message-subject-icon{color:#f7c873;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.message-subject{color:var(--heading);font-size:.82rem;font-weight:700}.message-tech-tags-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}.message-tech-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:.78rem;font-weight:700;color:var(--heading);background:#59d6b414;border:1px solid rgba(89,214,180,.25)}.message-body-wrap{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:8px;padding:11px 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff08}.message-body-icon{color:var(--accent);width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;line-height:1.2}.message-body{margin:0;color:var(--soft);line-height:1.6;white-space:pre-wrap;word-break:break-word}.messages p{color:var(--muted);line-height:1.6}:root[data-theme=light] .project-card{background:linear-gradient(145deg,#ffffffe6,#fff9);border-color:#00000012;box-shadow:inset 0 1px #fffc,0 12px 30px #00000012}:root[data-theme=light] .project-card:hover{border-color:#087f6c4d;box-shadow:inset 0 1px #fffc,0 24px 50px #0000001a}:root[data-theme=light] .project-card-footer{border-top-color:#0000000f}:root[data-theme=light] .project-card-glow{background:radial-gradient(circle at 30% 70%,rgba(8,127,108,.1),transparent 60%)}.form{display:grid;gap:12px}input,textarea{width:100%;min-height:48px;padding:13px 14px;border:1px solid rgba(246,241,232,.15);border-radius:8px;outline:none;color:var(--heading);background:var(--surface);font:inherit;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}textarea{resize:vertical}input:focus,textarea:focus{border-color:#59d6b4b8;background:#11110fd1;box-shadow:0 0 0 4px #59d6b41f}::placeholder{color:#918879}.status{margin:14px 0 0;color:var(--accent-2);font-weight:800}.status-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1600;background:#00000085;display:grid;place-items:center;padding:16px;animation:popup-fade .26s cubic-bezier(.22,1,.36,1)}.status-popup{width:min(92vw,430px);border-radius:14px;border:1px solid rgba(255,255,255,.16);padding:18px;display:grid;gap:12px;box-shadow:0 22px 44px #0000006b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:popup-rise .32s cubic-bezier(.22,1,.36,1)}.status-popup.success{background:#16322af0;color:#d8fff0}.status-popup.error{background:#401c1ef2;color:#ffe2e2}.status-popup.warning{background:radial-gradient(circle at 18% 10%,rgba(247,200,115,.22),transparent 34%),#362a14f2;border-color:#f7c87357;color:#fff0cf}.status-popup.info{background:#212632f2;color:#e6eeff}.status-popup-icon{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;background:#ffffff24}.status-popup-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.status-popup.warning .status-popup-icon{background:#f7c8732e;color:#ffd37a;box-shadow:0 0 24px #f7c87338}.status-popup-spinner{width:18px;height:18px;animation:popup-spin 1s linear infinite}.status-popup-spinner circle{fill:none;stroke:currentColor;stroke-width:2;opacity:.3}.status-popup-spinner path{fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}.status-popup-text{margin:0;font-weight:800;line-height:1.42}.status-popup-subtext{font-size:.9rem;font-weight:700;opacity:.92}.status-popup-dots{display:inline-flex;align-items:center;gap:6px}.status-popup-dots span{width:7px;height:7px;border-radius:999px;background:currentColor;opacity:.35;animation:saving-dot 1s infinite ease-in-out}.status-popup-dots span:nth-child(2){animation-delay:.16s}.status-popup-dots span:nth-child(3){animation-delay:.32s}.status-popup-ok{justify-self:end;min-height:40px;padding:9px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#ffffff1f;color:inherit;font-weight:800;cursor:pointer}@keyframes popup-fade{0%{opacity:0}to{opacity:1}}@keyframes popup-rise{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes saving-dot{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@keyframes popup-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-page{max-width:940px;min-height:calc(100vh - 14px);padding-bottom:24px}.admin-page .panel{margin-top:18px}.messages{display:grid;gap:12px}.messages article{min-height:0}.icon-btn{position:absolute;top:12px;right:12px;width:34px;min-height:34px;height:34px;padding:0;color:#fff7ee;background:#ff7a5947;box-shadow:none}.message-delete-btn{position:static;top:auto;right:auto;width:34px;height:34px;min-height:34px;padding:0;border-radius:10px;background:#ff7a5933;border:1px solid rgba(255,122,89,.35)}.message-delete-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.message-delete-btn:hover{background:#ff7a594d;border-color:#ff7a598c}.messages-empty{margin:0;padding:14px 4px;color:var(--muted);font-style:italic}.messages-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:6px;flex-wrap:wrap}.messages-action-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(89,214,180,.35);background:#59d6b41f;color:var(--heading);padding:8px 14px;border-radius:999px;font-size:.82rem;font-weight:800;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.messages-action-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.messages-action-btn:hover{transform:translateY(-2px);border-color:#59d6b4a6;background:#59d6b433}.messages-action-btn.ghost{border-color:#ffffff38;background:#ffffff0d}:root[data-theme=light] .admin-message-card{border-color:#0a141e2e;background:linear-gradient(160deg,#fffffff0,#fafbfcdb);box-shadow:0 8px 20px #0f172a14}:root[data-theme=light] .admin-message-card:hover{border-color:#087f6c6b;box-shadow:0 16px 30px #0f172a1f}:root[data-theme=light] .message-body-wrap{border-color:#0a141e24;background:#f8fafcf5}:root[data-theme=light] .message-subject-row{border-color:#d19e2c8c;background:#fadc8c42}:root[data-theme=light] .message-time-wrap{color:#475569}:root[data-theme=light] .message-delete-btn{border-color:#ea43355c;background:#ea433524;color:#b3261e}:root[data-theme=light] .messages-action-btn{border-color:#087f6c66;background:#087f6c1a;color:#113b36}:root[data-theme=light] .messages-action-btn:hover{border-color:#087f6c94;background:#087f6c2e}:root[data-theme=light] .messages-action-btn.ghost{border-color:#0a141e57;background:#0a141e17;color:#1f2937}.loading{display:grid;min-height:100vh;place-items:center;margin:0;color:var(--accent-2);font-weight:900}.offline-wrap{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 18% 15%,rgba(89,214,180,.2),transparent 45%),radial-gradient(circle at 82% 85%,rgba(247,200,115,.2),transparent 46%),#0f0f0d}.offline-card{width:min(92vw,560px);border-radius:20px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,#1e2126b3,#12120fe0);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 54px #00000080;padding:30px;display:grid;gap:14px;text-align:left;position:relative;overflow:hidden}.offline-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(89,214,180,.08),transparent 40%,rgba(247,200,115,.08));pointer-events:none}.offline-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#ff7a5921;border:1px solid rgba(255,122,89,.28)}.offline-icon svg{width:28px;height:28px;fill:none;stroke:#ffb8a4;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.offline-badge{justify-self:start;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,122,89,.35);color:#ffb8a4;background:#ff7a591f;font-weight:800;font-size:.78rem;letter-spacing:.3px}.offline-card h1{margin:0;font-size:clamp(1.7rem,2vw,2.3rem);line-height:1.12}.offline-card p{margin:0;color:#d2cabe;line-height:1.6;max-width:50ch}.offline-actions{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}.offline-btn-primary,.offline-btn-ghost{min-height:44px;padding:10px 16px;border-radius:12px;font-weight:800;border:1px solid transparent;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.offline-btn-primary{background:linear-gradient(135deg,#59d6b4,#f7c873);color:#12120f;box-shadow:0 10px 20px #59d6b433}.offline-btn-ghost{background:#ffffff0f;color:#f7f2ea;border-color:#ffffff24}.offline-btn-primary:hover,.offline-btn-ghost:hover{transform:translateY(-1px)}.devtools-guard-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 18% 15%,rgba(255,82,82,.2),transparent 44%),radial-gradient(circle at 82% 85%,rgba(247,200,115,.2),transparent 44%),#0f0f0d}.devtools-guard-card{width:min(92vw,620px);border-radius:18px;border:1px solid rgba(255,255,255,.15);background:linear-gradient(145deg,#261818c7,#11110fe6);box-shadow:0 24px 50px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:30px;display:grid;gap:12px}.devtools-guard-badge{justify-self:start;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,82,82,.4);color:#ffc8c8;background:#ff525224;font-size:.78rem;font-weight:800}.devtools-guard-card h1{margin:0;font-size:clamp(1.65rem,2vw,2.35rem);line-height:1.12}.devtools-guard-card p{margin:0;color:#d9cfc4;line-height:1.62;max-width:56ch}.devtools-guard-loader{margin-top:6px;display:inline-flex;gap:6px}.devtools-guard-loader span{width:8px;height:8px;border-radius:999px;background:#ffd7d7;opacity:.32;animation:guard-dot 1s infinite ease-in-out}.devtools-guard-loader span:nth-child(2){animation-delay:.14s}.devtools-guard-loader span:nth-child(3){animation-delay:.28s}@keyframes guard-dot{0%,80%,to{transform:translateY(0);opacity:.32}40%{transform:translateY(-3px);opacity:1}}@media (max-width: 860px){.page{width:min(100% - 24px,680px);padding-top:12px}.topbar{position:static;align-items:flex-start;flex-direction:column}.topbar nav{width:100%;justify-content:flex-start}.hero{grid-template-columns:1fr;min-height:auto;padding-top:38px}.hero-visual{width:100%;min-height:320px}.stats-strip,.content-grid,.projects{grid-template-columns:1fr}.projects-panel,.contact-panel{grid-column:auto}.cta-strip{grid-column:auto;padding:24px 20px}.cta-strip h2{font-size:1.4rem}.project-filters{gap:8px}.project-filter-btn{padding:6px 12px;font-size:.8rem}.footer-main{grid-template-columns:1fr;align-items:start}.footer-connect{justify-self:stretch;min-width:0}.footer-bottom{padding:0}.footer-bottom-inner{flex-direction:column}}@media (max-width: 520px){.brand{width:100%}.topbar nav a{padding:9px 10px}.hero h1{font-size:3.35rem}.hero h2{max-width:320px}.hero-visual{min-height:280px}.profile-image-wrapper{width:min(100%,230px)}.panel,.stats-item{padding:18px}.timeline-item{padding:0}.timeline-year{left:-86px;width:54px}.timeline{padding-left:88px}.timeline:before{left:70px;bottom:72px}.timeline-item:before{left:-26px}.workstyle-card{padding:16px 16px 16px 58px}.availability-pill{align-items:flex-start;flex-direction:column;gap:6px;border-radius:12px}.availability-pill strong{padding-left:0;border-left:0}.footer-main,.footer-bottom-inner{padding-left:20px;padding-right:20px}.footer-links{width:100%}.footer-links a{width:fit-content;text-align:left}.footer-socials{gap:8px}.footer-connect{padding:14px}.back-to-top{right:14px;bottom:14px;width:40px;height:40px}}.contact-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:start;position:relative;z-index:1}.contact-layout:before{content:"";position:absolute;bottom:-15%;left:-15%;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(247,200,115,.04),transparent 70%);z-index:-1;pointer-events:none;filter:blur(80px)}.contact-info{display:flex;flex-direction:column;gap:20px}.contact-desc{max-width:480px;color:var(--muted);font-size:.95rem;line-height:1.75;opacity:.85;margin:0 0 16px;position:relative;padding-left:14px;border-left:2px solid rgba(89,214,180,.25);transition:all .4s ease}.contact-panel:hover .contact-desc{border-left-color:var(--accent);opacity:1;color:var(--heading)}.contact-socials{display:flex;flex-direction:column;gap:10px;max-width:430px}.contact-social-item{position:relative;display:flex;align-items:center;gap:14px;padding:11px 16px;border-radius:12px;background:var(--surface);border:1px solid var(--border);text-decoration:none;color:inherit;z-index:1;transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px #ffffff0a,0 6px 20px #0000001f}.contact-social-item:after{content:"";position:absolute;left:0;top:15%;height:70%;width:4px;border-radius:0 4px 4px 0;background:transparent;transition:all .35s cubic-bezier(.4,0,.2,1);z-index:2}.contact-social-item:before{content:"";position:absolute;right:-20px;bottom:-20px;width:140px;height:140px;border-radius:50%;background:transparent;filter:blur(40px);opacity:0;z-index:0;pointer-events:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.contact-social-item:hover{transform:translate(6px) translateY(-2px);border-color:#fff3;background:#ffffff09;box-shadow:inset 0 1px #ffffff14,0 20px 40px #0003}:root[data-theme=light] .contact-social-item:hover{background:#00000005}.social-icon-wrapper{position:relative;z-index:2;display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#ffffff08;border:1px solid var(--border);color:var(--soft);transition:all .35s cubic-bezier(.4,0,.2,1)}.contact-social-item:hover .social-icon-wrapper{transform:scale(1.08) rotate(-3deg)}.social-icon{width:17px;height:17px;fill:unset;stroke:none}.social-details{position:relative;z-index:2;display:flex;flex-direction:column;gap:3px}.social-details span{font-size:.64rem;color:var(--soft);text-transform:uppercase;font-weight:800;letter-spacing:.08em;transition:color .3s ease}.social-details strong{font-size:.88rem;color:var(--heading);font-weight:700;transition:all .35s ease}.contact-social-item:hover .social-details strong{letter-spacing:.01em}.contact-social-item.social-mail:hover:after{background:linear-gradient(to bottom,#4285f4,#ea4335,#fbbc04,#34a853);box-shadow:0 0 12px #4285f466,0 0 12px #ea433566}.contact-social-item.social-mail:before{background:radial-gradient(circle,rgba(66,133,244,.08),rgba(234,67,53,.08),rgba(52,168,83,.08),transparent 70%)}.contact-social-item.social-mail:hover:before{opacity:1;transform:scale(1.2)}.contact-social-item.social-mail:hover{border-color:#4285f440}.contact-social-item.social-mail:hover .social-icon-wrapper{color:#4285f4;background:#4285f40f;border-color:#4285f433}.contact-social-item.social-mail:hover .social-details strong{background:linear-gradient(90deg,#4285f4,#ea4335,#fbbc04 66%,#34a853);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.contact-social-item.social-github:hover:after{background:var(--heading);box-shadow:0 0 12px var(--heading)}.contact-social-item.social-github:before{background:radial-gradient(circle,rgba(255,255,255,.1),transparent 70%)}.contact-social-item.social-github:hover:before{opacity:1;transform:scale(1.2)}.contact-social-item.social-github:hover{border-color:#ffffff40}.contact-social-item.social-github:hover .social-icon-wrapper{color:var(--heading);background:#ffffff14;border-color:#fff3}.contact-social-item.social-github:hover .social-details strong{color:var(--heading)}.contact-social-item.social-linkedin:hover:after{background:#0077b5;box-shadow:0 0 12px #0077b5}.contact-social-item.social-linkedin:before{background:radial-gradient(circle,rgba(0,119,181,.15),transparent 70%)}.contact-social-item.social-linkedin:hover:before{opacity:1;transform:scale(1.2)}.contact-social-item.social-linkedin:hover{border-color:#0077b559}.contact-social-item.social-linkedin:hover .social-icon-wrapper{color:#0077b5;background:#0077b51a;border-color:#0077b54d}.contact-social-item.social-youtube:hover:after{background:red;box-shadow:0 0 12px red}.contact-social-item.social-youtube:before{background:radial-gradient(circle,rgba(255,0,0,.15),transparent 70%)}.contact-social-item.social-youtube:hover:before{opacity:1;transform:scale(1.2)}.contact-social-item.social-youtube:hover{border-color:#ff000059}.contact-social-item.social-youtube:hover .social-icon-wrapper{color:red;background:#ff000014;border-color:#ff000040}.contact-social-item.social-youtube:hover .social-details strong{color:red}.contact-social-item.social-hashnode:hover:after{background:#2962ff;box-shadow:0 0 12px #2962ff}.contact-social-item.social-hashnode:before{background:radial-gradient(circle,rgba(41,98,255,.15),transparent 70%)}.contact-social-item.social-hashnode:hover:before{opacity:1;transform:scale(1.2)}.contact-social-item.social-hashnode:hover{border-color:#2962ff59}.contact-social-item.social-hashnode:hover .social-icon-wrapper{color:#2962ff;background:#2962ff14;border-color:#2962ff40}.contact-social-item.social-hashnode:hover .social-details strong{color:#2962ff}.contact-social-item.social-x:hover:after{background:var(--heading);box-shadow:0 0 12px var(--heading)}.contact-social-item.social-x:before{background:radial-gradient(circle,rgba(255,255,255,.1),transparent 70%)}.contact-social-item.social-x:hover:before{opacity:1;transform:scale(1.2)}.contact-social-item.social-x:hover{border-color:#ffffff40}.contact-social-item.social-x:hover .social-icon-wrapper{color:var(--heading);background:#ffffff14;border-color:#fff3}.contact-social-item.social-x:hover .social-details strong{color:var(--heading)}.contact-social-item.social-whatsapp:hover:after{background:#25d366;box-shadow:0 0 12px #25d366}.contact-social-item.social-whatsapp:before{background:radial-gradient(circle,rgba(37,211,102,.15),transparent 70%)}.contact-social-item.social-whatsapp:hover:before{opacity:1;transform:scale(1.2)}.contact-social-item.social-whatsapp:hover{border-color:#25d36659}.contact-social-item.social-whatsapp:hover .social-icon-wrapper{color:#25d366;background:#25d36614;border-color:#25d36640}.contact-social-item.social-whatsapp:hover .social-details strong{color:#25d366}.contact-social-item.social-telegram:hover:after{background:#08c;box-shadow:0 0 12px #08c}.contact-social-item.social-telegram:before{background:radial-gradient(circle,rgba(0,136,204,.15),transparent 70%)}.contact-social-item.social-telegram:hover:before{opacity:1;transform:scale(1.2)}.contact-social-item.social-telegram:hover{border-color:#0088cc59}.contact-social-item.social-telegram:hover .social-icon-wrapper{color:#08c;background:#0088cc14;border-color:#0088cc40}.contact-social-item.social-telegram:hover .social-details strong{color:#08c}.contact-social-item.social-instagram:hover:after{background:linear-gradient(135deg,#fdf497,#fd5949,#d6249f,#285aeb);box-shadow:0 0 12px #d6249f80}.contact-social-item.social-instagram:before{background:radial-gradient(circle,rgba(214,36,159,.15),rgba(253,89,73,.1),transparent 70%)}.contact-social-item.social-instagram:hover:before{opacity:1;transform:scale(1.2)}.contact-social-item.social-instagram:hover{border-color:#d6249f59}.contact-social-item.social-instagram:hover .social-icon-wrapper{color:#d6249f;background:#d6249f14;border-color:#d6249f40}.contact-social-item.social-instagram:hover .social-details strong{background:linear-gradient(90deg,#fdf497,#fd5949,#d6249f 66%,#285aeb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.contact-social-item.social-facebook:hover:after{background:#1877f2;box-shadow:0 0 12px #1877f2}.contact-social-item.social-facebook:before{background:radial-gradient(circle,rgba(24,119,242,.15),transparent 70%)}.contact-social-item.social-facebook:hover:before{opacity:1;transform:scale(1.2)}.contact-social-item.social-facebook:hover{border-color:#1877f259}.contact-social-item.social-facebook:hover .social-icon-wrapper{color:#1877f2;background:#1877f214;border-color:#1877f240}.contact-social-item.social-facebook:hover .social-details strong{color:#1877f2}@media (max-width: 860px){.contact-layout{grid-template-columns:1fr;gap:36px}.contact-social-item:hover{transform:translateY(-2px)}}.copy-card-btn{position:relative;margin-left:auto;width:28px;height:28px;min-height:28px;padding:0;border-radius:6px;background:#ffffff08;border:1px solid var(--border);color:var(--soft);cursor:pointer;display:grid;place-items:center;z-index:10;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:none}.copy-card-btn:hover{background:#ffffff14;color:var(--heading);border-color:#fff3;transform:scale(1.05)}:root[data-theme=light] .copy-card-btn{background:#00000005;border-color:#00000014;color:var(--soft)}:root[data-theme=light] .copy-card-btn:hover{background:#0000000d;border-color:#087f6c4d;color:var(--accent)}.copy-icon{width:12px;height:12px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2;transition:all .2s ease}.copy-icon.success{stroke:var(--accent);filter:drop-shadow(0 0 4px rgba(89,214,180,.3))}.copy-tooltip{position:absolute;top:-32px;left:50%;transform:translate(-50%) translateY(4px);padding:4px 10px;border-radius:4px;background:var(--tooltip-bg);border:1px solid var(--border);color:var(--tooltip-text);font-size:.72rem;font-weight:700;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000040;z-index:100}.copy-tooltip:before{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%) rotate(45deg);width:6px;height:6px;background:var(--tooltip-bg);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.copy-card-btn:hover .copy-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.social-linkedin .nav-icon,.social-linkedin .social-icon{color:#0077b5}.social-mail .nav-icon,.social-mail .social-icon{color:#ea4335}.social-github .nav-icon,.social-github .social-icon{color:var(--heading)}.nav-item.social-github .nav-icon,.nav-item.social-linkedin .nav-icon,.contact-social-item.social-github .social-icon,.contact-social-item.social-linkedin .social-icon{fill:currentColor;stroke:none}.nav-item.social-mail .nav-icon,.contact-social-item.social-mail .social-icon{fill:none;stroke:none}.panel.contact-panel{position:relative;overflow:hidden;border-radius:20px!important;background:linear-gradient(145deg,#ffffff0d,#ffffff04)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:inset 0 1px #ffffff0d,0 30px 80px #0006!important;-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;z-index:1;transition:border-color .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1)}.panel.contact-panel:hover{border-color:#59d6b433!important;box-shadow:inset 0 1px #ffffff14,0 40px 100px #00000080,0 0 40px #59d6b40d!important}.contact-panel:before{content:"";position:absolute;top:-20%;right:-10%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(89,214,180,.06),transparent 70%);z-index:0;pointer-events:none;filter:blur(60px)}.contact-panel .section-heading span{position:relative;display:inline-flex;align-items:center;gap:8px}.contact-panel .section-heading span:after{content:"";width:20px;height:1px;background:var(--accent);opacity:.8}.contact-form-container{position:relative;z-index:1;padding:28px;border-radius:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 1px #ffffff08,0 15px 35px #0000002e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translateY(0);transition:all .4s cubic-bezier(.4,0,.2,1)}.contact-form-container:hover{border-color:#ffffff14;transform:translateY(-6px);box-shadow:inset 0 1px #ffffff0a,0 25px 55px #00000052,0 0 20px #59d6b40a}.contact-form-container .form{gap:16px}.input-with-icon{position:relative;width:100%;display:flex;align-items:center}.input-with-icon .field-icon{position:absolute;left:16px;width:18px;height:18px;color:#f6f1e873;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:5}:root[data-theme=light] .input-with-icon .field-icon{color:#4e554c99}.input-with-icon input,.input-with-icon textarea{padding-left:48px!important}.input-with-icon input:focus~.field-icon,.input-with-icon textarea:focus~.field-icon{color:var(--accent);transform:scale(1.15);filter:drop-shadow(0 0 4px rgba(89,214,180,.3))}:root[data-theme=light] .input-with-icon input:focus~.field-icon,:root[data-theme=light] .input-with-icon textarea:focus~.field-icon{filter:drop-shadow(0 0 4px rgba(8,127,108,.3))}.input-with-icon:hover .field-icon{color:var(--accent)}.input-with-icon.textarea-icon-wrapper{align-items:flex-start}.input-with-icon.textarea-icon-wrapper .field-icon{top:17px}.input-with-icon.textarea-icon-wrapper textarea{padding-top:15px!important}.gmail-field-icon,.google-chat-field-icon,.google-contacts-field-icon,.google-messages-field-icon,.custom-message-field-icon,.sticky-notes-field-icon{fill:unset!important;stroke:none!important}.contact-form-container input,.contact-form-container textarea{width:100%;padding:13px 16px;border:1px solid rgba(255,255,255,.08);border-radius:12px;outline:none;color:var(--heading);background:#ffffff04;font:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #00000026}.contact-form-container textarea{resize:none;overflow-y:hidden}.contact-form-container input:hover,.contact-form-container textarea:hover{border-color:#ffffff26;background:#ffffff08}.contact-form-container input:focus,.contact-form-container textarea:focus{border-color:var(--accent);background:#ffffff0b;box-shadow:0 0 24px #59d6b42e,inset 0 1.5px #ffffff0f;transform:translateY(-2px)}.contact-form-container input::placeholder,.contact-form-container textarea::placeholder{color:#f6f1e859;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-form-container input:focus::placeholder,.contact-form-container textarea:focus::placeholder{transform:translate(6px);opacity:.3}.subject-presets{display:flex;flex-wrap:wrap;gap:8px;margin:-2px 0 2px}.subject-preset-chip{min-height:34px;padding:8px 12px;border:1px solid rgba(89,214,180,.2);border-radius:999px;color:var(--heading);background:#ffffff06;box-shadow:none;font-size:.78rem;font-weight:850;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.subject-preset-chip:hover,.subject-preset-chip.active{color:var(--button-text);border-color:#59d6b473;background:linear-gradient(135deg,#59d6b4,#f7c873);box-shadow:0 10px 22px #59d6b42e}.contact-form-container button[type=submit]{width:100%;padding:13px;font-weight:800;border-radius:12px;color:#10120f;background:linear-gradient(135deg,#59d6b4,#f7c873);box-shadow:0 12px 30px #59d6b440;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px}.submit-btn-icon{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s cubic-bezier(.4,0,.2,1)}.contact-form-container button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 20px 40px #59d6b459,0 0 15px #f7c87333;background:linear-gradient(135deg,#6bf0cc,#ffd78c)}.contact-form-container button[type=submit]:hover .submit-btn-icon{transform:translate(4px)}.contact-form-container button[type=submit]:active{transform:translateY(0)}.message-tech-suggestions{margin-top:-2px;margin-bottom:8px}.message-tech-suggestion-label{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--soft);margin-bottom:8px}.message-tech-suggestion-list{display:flex;flex-wrap:wrap;gap:8px}.message-tech-suggestion-item{display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid var(--border);background:#ffffff08;color:var(--heading);font:inherit;font-size:.82rem;font-weight:700;padding:7px 12px;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.message-tech-suggestion-item:hover{transform:translateY(-1px);border-color:#59d6b473;background:#59d6b41a}.message-tech-inline-icon{margin-right:0!important;width:11px!important;height:11px!important;vertical-align:middle!important;filter:drop-shadow(0 0 6px rgba(89,214,180,.25))}.message-skill-suggestions{margin-top:0;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.inline-tech-readout{display:flex;flex-wrap:wrap;gap:8px;margin:-2px 0 8px}.inline-tech-readout-inside{position:absolute;left:12px;top:10px;right:12px;margin:0;z-index:2;pointer-events:none}.tech-inline-preview{margin:-2px 0 8px;padding:8px 10px;border:1px solid rgba(89,214,180,.22);border-radius:10px;background:#ffffff08;color:var(--heading);line-height:1.55;font-size:.92rem;word-break:break-word}.inline-tech-word{display:inline-block;position:relative;font-weight:inherit;vertical-align:baseline}.inline-tech-word-icon-absolute{position:absolute;left:-13px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:11px;height:11px;pointer-events:none}.inline-tech-word-icon-inflow{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;vertical-align:middle;pointer-events:none}.inline-tech-label{margin-left:0!important}.input-with-icon{position:relative}.subject-char-counter{position:absolute;right:16px;top:15px;font-size:.72rem;font-weight:700;color:#f6f1e840;pointer-events:none;z-index:5;letter-spacing:.05em;transition:color .3s ease}.input-with-icon input:focus~.subject-char-counter,.input-with-icon textarea:focus~.subject-char-counter{color:#59d6b473}.input-with-icon input,.input-with-icon textarea{padding-right:68px!important}:root[data-theme=light] .subject-char-counter{color:#00000040}:root[data-theme=light] .input-with-icon input:focus~.subject-char-counter,:root[data-theme=light] .input-with-icon textarea:focus~.subject-char-counter{color:#087f6c99}.rich-overlay{position:absolute;left:48px;right:16px;color:var(--heading);pointer-events:none;z-index:2;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;white-space:pre-wrap;word-break:break-word}.rich-overlay-input{top:14px;right:68px}.rich-overlay-textarea{top:15px}.input-with-icon input,.input-with-icon textarea{position:relative;z-index:3;background:transparent}.input-with-icon .rich-mode:not(:placeholder-shown){color:transparent!important;-webkit-text-fill-color:transparent;text-shadow:none}.input-with-icon .rich-mode:not(:placeholder-shown)::selection{background:#59d6b447}.input-with-icon input,.input-with-icon textarea{caret-color:var(--heading)}.inline-tech-readout-item{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:.82rem;font-weight:700;color:var(--heading);background:#59d6b41a;border:1px solid rgba(89,214,180,.3)}.suggestion-live-dot{width:7px;height:7px;border-radius:50%;background:#59d6b4;box-shadow:0 0 8px #59d6b4cc;flex-shrink:0}.contact-form-container .status{margin:18px 0 0;padding:10px 14px;border-radius:8px;font-size:.84rem;font-weight:700;text-align:center;background:#f7c87314;border:1px solid rgba(247,200,115,.25);color:var(--accent-2);animation:fadeIn .3s ease}:root[data-theme=light] .panel.contact-panel{background:linear-gradient(145deg,#ffffffe6,#fff9)!important;border-color:#00000014!important;box-shadow:inset 0 1px #fffc,0 30px 80px #00000014!important}:root[data-theme=light] .panel.contact-panel:hover{border-color:#087f6c33!important;box-shadow:inset 0 1px #fffc,0 40px 100px #0000001f,0 0 40px #087f6c0d!important}:root[data-theme=light] .contact-panel:before{background:radial-gradient(circle,rgba(89,214,180,.08),transparent 70%)}:root[data-theme=light] .contact-form-container{background:#00000004;border-color:#0000000f;box-shadow:inset 0 1px #ffffff80,0 15px 35px #0000000a}:root[data-theme=light] .contact-form-container:hover{border-color:#0000001a;box-shadow:inset 0 1px #fff9,0 20px 45px #0000000f}:root[data-theme=light] .contact-form-container input,:root[data-theme=light] .contact-form-container textarea{background:#fffffffa;border:1px solid rgba(8,127,108,.22);color:var(--text);box-shadow:inset 0 2px 4px #00000005,0 4px 12px #00000003}:root[data-theme=light] .contact-form-container input::placeholder,:root[data-theme=light] .contact-form-container textarea::placeholder{color:#4e554cbf;opacity:1}:root[data-theme=light] .contact-form-container input:hover,:root[data-theme=light] .contact-form-container textarea:hover{background:#fff;border-color:#087f6c73;box-shadow:inset 0 1px 2px #00000003,0 6px 16px #087f6c0f}:root[data-theme=light] .contact-form-container input:focus,:root[data-theme=light] .contact-form-container textarea:focus{background:#fff;border-color:var(--accent);box-shadow:0 0 0 4px #087f6c1f,0 8px 24px #087f6c14;transform:translateY(-2px)}.contact-panel .section-heading h3{font-family:Outfit,Inter,sans-serif;font-weight:800;font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.02em;line-height:1.15;background:linear-gradient(135deg,var(--heading) 40%,rgba(89,214,180,.7) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;transition:all .4s cubic-bezier(.4,0,.2,1)}.contact-panel:hover .section-heading h3{background:linear-gradient(135deg,var(--heading) 20%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(89,214,180,.15)}:root[data-theme=light] .contact-panel .section-heading h3{background:linear-gradient(135deg,var(--heading) 40%,rgba(8,127,108,.7) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}:root[data-theme=light] .contact-panel:hover .section-heading h3{background:linear-gradient(135deg,var(--heading) 20%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.profile-social-orbit{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.orbit-item{position:absolute;pointer-events:all;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--surface);border:1px solid var(--border);box-shadow:inset 0 1px #ffffff0d,0 10px 25px #00000040;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;text-decoration:none;margin-left:-16px;margin-top:-16px;transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.orbit-item.social-mail{left:13.6%;top:71%}.orbit-item.social-github{left:29%;top:86.4%}.orbit-item.social-hashnode{left:50%;top:92%}.orbit-item.social-linkedin{left:71%;top:86.4%}.orbit-item.social-youtube{left:86.4%;top:71%}.orbit-item svg{width:14px;height:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.orbit-item.social-mail{color:#4285f4}.social-mail svg:not(.copy-icon){fill:none!important;stroke:none!important}.social-mail svg:not(.copy-icon) path:nth-child(1){fill:#4285f4!important}.social-mail svg:not(.copy-icon) path:nth-child(2){fill:#34a853!important}.social-mail svg:not(.copy-icon) path:nth-child(3){fill:#fbbc04!important}.social-mail svg:not(.copy-icon) path:nth-child(4){fill:#ea4335!important}.social-mail svg:not(.copy-icon) path:nth-child(5){fill:#c5221f!important}.orbit-item.social-mail:hover{background:#ffffff0d;border-color:#ffffff40;box-shadow:inset 0 1px #ffffff14,-4px -4px 15px #4285f440,4px -4px 15px #ea433540,6px 6px 24px #34a8538c,-6px 6px 24px #fbbc048c;transform:scale(1.18) translateY(-3px)}.orbit-item.social-github{color:var(--muted)}.orbit-item.social-github svg{fill:currentColor;stroke:none}.orbit-item.social-github:hover{color:var(--heading);background:#ffffff14;border-color:#ffffff40;box-shadow:inset 0 1px #ffffff14,0 12px 30px #ffffff26;transform:scale(1.18) translateY(-3px)}.orbit-item.social-hashnode{color:#2563eb}.orbit-item.social-hashnode svg{fill:currentColor;stroke:none}.orbit-item.social-hashnode:hover{background:#2563eb1f;border-color:#2563eb66;box-shadow:inset 0 1px #ffffff14,0 12px 30px #2563eb4d;transform:scale(1.18) translateY(-3px)}.orbit-item.social-linkedin{color:#0077b5}.orbit-item.social-linkedin svg{fill:currentColor;stroke:none}.orbit-item.social-linkedin:hover{background:#0077b51f;border-color:#0077b566;box-shadow:inset 0 1px #ffffff14,0 12px 30px #0077b54d;transform:scale(1.18) translateY(-3px)}.orbit-item.social-youtube{color:red}.orbit-item.social-youtube svg{fill:currentColor;stroke:none}.orbit-item.social-youtube:hover{background:#ff00001f;border-color:#f006;box-shadow:inset 0 1px #ffffff14,0 12px 30px #ff000059;transform:scale(1.18) translateY(-3px)}@media (max-width: 520px){.orbit-item{width:26px;height:26px;margin-left:-13px;margin-top:-13px}.orbit-item svg{width:11px;height:11px}}.orbit-item.social-x,.orbit-item.social-twitter{color:#000}.orbit-item.social-x:hover,.orbit-item.social-twitter:hover{background:#0000002e;border-color:#00000080;box-shadow:inset 0 1px #ffffff14,0 12px 30px #00000073;transform:scale(1.18) translateY(-3px)}:root[data-theme=light] .orbit-item.social-x:hover,:root[data-theme=light] .orbit-item.social-twitter:hover{background:#00000014;border-color:#0000004d}.orbit-item.social-whatsapp{color:#25d366}.orbit-item.social-whatsapp svg{fill:currentColor;stroke:none}.orbit-item.social-whatsapp:hover{background:#25d36624;border-color:#25d36673;box-shadow:inset 0 1px #ffffff14,0 12px 30px #25d36661;transform:scale(1.18) translateY(-3px)}.orbit-item.social-telegram{color:#24a1de}.orbit-item.social-telegram svg{fill:currentColor;stroke:none}.orbit-item.social-telegram:hover{background:#24a1de24;border-color:#24a1de73;box-shadow:inset 0 1px #ffffff14,0 12px 30px #24a1de61;transform:scale(1.18) translateY(-3px)}.orbit-item.social-instagram:hover{background:#e1306c1f;border-color:#e1306c66;box-shadow:inset 0 1px #ffffff14,0 6px 18px #fd1d1d38,0 12px 30px #e1306c52,0 0 40px #833ab438;transform:scale(1.18) translateY(-3px)}.orbit-item.social-facebook{color:#1877f2}.orbit-item.social-facebook svg{fill:currentColor;stroke:none}.orbit-item.social-facebook:hover{background:#1877f224;border-color:#1877f273;box-shadow:inset 0 1px #ffffff14,0 12px 30px #1877f261;transform:scale(1.18) translateY(-3px)}.orbit-item.social-globe{color:var(--accent)}.orbit-item.social-globe svg{fill:none;stroke:currentColor}.orbit-item.social-globe:hover{background:#59d6b41f;border-color:#59d6b466;box-shadow:inset 0 1px #ffffff14,0 12px 30px #59d6b452;transform:scale(1.18) translateY(-3px)}.image-uploader-section{display:flex;flex-direction:column;gap:10px;margin-bottom:12px;width:100%;text-align:left}.resume-uploader-section{margin-top:6px}.uploader-label{font-weight:700;color:var(--heading);font-size:.95rem}.uploader-container{display:flex;align-items:center;gap:20px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.uploader-preview{width:80px;height:80px;border-radius:50%;overflow:hidden;border:2px solid var(--accent);background:#0000004d;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 24px #59d6b426}.preview-img{width:100%;height:100%;object-fit:cover}.favicon-preview-shell{border-radius:18px;overflow:visible;background:radial-gradient(circle at 22% 18%,rgba(89,214,180,.18),transparent 34%),#11110f57}.favicon-preview-shell .preview-img{width:80px;height:80px;display:block;object-fit:cover;object-position:center;border-radius:18px;border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 32px #00000040}.favicon-default-preview{width:68px;height:68px;border-radius:16px;display:grid;place-items:center;color:var(--accent);background:radial-gradient(circle at 28% 22%,rgba(247,200,115,.22),transparent 34%),linear-gradient(145deg,#59d6b42e,#ffffff0d);border:1px solid rgba(89,214,180,.4);box-shadow:0 14px 34px #59d6b42e,inset 0 1px #ffffff29}.favicon-default-preview svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 8px 18px rgba(89,214,180,.24))}.preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#59d6b433,#f7c87333);color:var(--accent);font-weight:800;font-size:2rem}.uploader-controls{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.btn-upload{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#59d6b41a;border:1px solid rgba(89,214,180,.3);border-radius:8px;color:var(--accent);font-weight:700;font-size:.85rem;cursor:pointer;transition:all .3s ease}.btn-upload:hover{background:#59d6b433;border-color:var(--accent);transform:translateY(-1px)}.icon-upload{width:16px;height:16px}.btn-remove{display:inline-flex;align-items:center;gap:8px;background:#ea43351a;border:1px solid rgba(234,67,53,.3);border-radius:8px;color:#ea4335;padding:8px 16px;font-weight:700;font-size:.85rem;cursor:pointer;border:none;transition:all .3s ease}.btn-remove:hover{background:#ea433533;border-color:#ea4335;transform:translateY(-1px)}.btn-remove svg{width:15px;height:15px;flex:0 0 auto}.btn-remove-muted{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:#f17d6f}.btn-remove-muted:hover{background:#ea433524;border-color:#ea43355c;color:#ff8b7e}.skill-suggestions{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.skill-suggestion-item{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;border:1px solid rgba(89,214,180,.2);background:#ffffff08;color:var(--heading);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.skill-suggestion-item:hover{transform:translateY(-1px);border-color:#59d6b473;background:#59d6b414}.skill-suggestion-item .skill-chip-icon{margin-right:2px}.upload-help{font-size:.75rem;color:var(--muted);margin:0;text-align:left}:root[data-theme=light] .uploader-container{background:#00000005;border-color:#0000001a}:root[data-theme=light] .preview-placeholder{color:var(--accent)}.admin-projects-panel{margin-top:18px}.admin-projects-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.admin-project-card{border:1px solid rgba(89,214,180,.18);border-radius:14px;background:#59d6b408;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.admin-project-card:hover{border-color:#59d6b459;box-shadow:0 8px 28px #59d6b414}.admin-project-card-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#59d6b40d;border-bottom:1px solid rgba(89,214,180,.1)}.admin-project-number{font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);opacity:.8}.admin-project-actions{display:flex;align-items:center;gap:6px}.nav-item svg,.nav-item .nav-icon{width:15px!important;height:15px!important;max-width:15px!important;max-height:15px!important}.orbit-item svg{width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important}.social-icon-wrapper svg{width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important}.admin-social-preview-icon{width:14px!important;height:14px!important;display:block}.admin-social-select-preview{width:18px!important;height:18px!important;display:block}.admin-proj-btn{display:grid;place-items:center;width:30px;height:30px;min-height:30px;padding:0;border-radius:8px;border:1px solid var(--border);background:#ffffff08;color:var(--muted);cursor:pointer;transition:all .2s ease;box-shadow:none}.admin-proj-btn svg{width:13px;height:13px}.admin-proj-btn.move-btn:hover:not(:disabled){background:#59d6b41a;border-color:#59d6b44d;color:var(--accent);transform:translateY(-1px)}.admin-proj-btn.move-btn:disabled{opacity:.3;cursor:not-allowed}.admin-proj-btn.delete-btn:hover{background:#ea43351f;border-color:#ea433559;color:#ea4335;transform:translateY(-1px)}.admin-project-fields{display:grid;gap:12px;padding:16px}.admin-field-group{display:flex;flex-direction:column;gap:6px}.admin-field-group label{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}.admin-field-group input,.admin-field-group textarea{width:100%;min-height:42px;padding:10px 13px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff06;color:var(--heading);font:inherit;font-size:.9rem;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.admin-field-group textarea{min-height:64px;resize:vertical}.admin-field-group input:focus,.admin-field-group textarea:focus{border-color:#59d6b480;background:#59d6b40a;box-shadow:0 0 0 3px #59d6b414;outline:none}.admin-availability-select{width:100%;min-height:46px;padding:11px 13px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;outline:none;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.admin-availability-select svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}.admin-availability-select.open svg{transform:rotate(180deg)}.admin-availability-dropdown{position:relative}.admin-availability-menu{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:30;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#151512f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 36px #00000040;opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1);overflow:hidden}.admin-availability-menu.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.admin-availability-option{width:100%;text-align:left;min-height:42px;padding:10px 12px;border:0;background:transparent;color:var(--heading);font:inherit;font-size:.92rem;font-weight:600;cursor:pointer;transition:background .14s ease,color .14s ease}.admin-availability-option:hover{background:#59d6b424;color:var(--accent)}.admin-availability-option.active{background:#59d6b433;color:var(--accent)}.admin-availability-select:focus,.admin-availability-custom:focus{border-color:#59d6b48c!important;box-shadow:0 0 0 3px #59d6b41f!important}:root[data-theme=light] .admin-availability-select{background:#fff!important;color:#171814!important;border-color:#0a140e3d!important}:root[data-theme=light] .admin-availability-menu{background:#fffffffa;border-color:#0a140e2e}:root[data-theme=light] .admin-availability-option{color:#171814}:root[data-theme=light] .admin-availability-option:hover{background:#087f6c24;color:#0b6d5e}:root[data-theme=light] .admin-availability-option.active{background:#087f6c33;color:#0b6d5e}:root[data-theme=light] .admin-availability-custom{background:#fff!important;color:#171814!important;border-color:#0a140e3d!important}.admin-no-projects{text-align:center;padding:32px;color:var(--soft);font-size:.9rem;border:1px dashed rgba(89,214,180,.2);border-radius:12px;margin:0}.admin-projects-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn-add-project{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;min-height:42px;border-radius:10px;background:#59d6b414;border:1px solid rgba(89,214,180,.3);color:var(--accent);font-weight:700;font-size:.88rem;cursor:pointer;transition:all .25s ease;box-shadow:none}.btn-add-project svg{width:14px;height:14px}.btn-add-project:hover{background:#59d6b429;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 20px #59d6b426}.btn-save-projects{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;min-height:42px;border-radius:10px;background:linear-gradient(135deg,#59d6b4,#f7c873);border:none;color:#10120f;font-weight:800;font-size:.88rem;cursor:pointer;transition:all .25s ease;box-shadow:0 6px 20px #59d6b433}.btn-save-projects svg{width:14px;height:14px}.btn-save-projects:hover{transform:translateY(-2px);box-shadow:0 12px 28px #59d6b44d;background:linear-gradient(135deg,#6bf0cc,#ffd78c)}:root[data-theme=light] .admin-project-card{border-color:#087f6c33;background:#087f6c05}:root[data-theme=light] .admin-project-card:hover{border-color:#087f6c66}:root[data-theme=light] .admin-project-card-header{background:#087f6c0a;border-bottom-color:#087f6c1f}:root[data-theme=light] .admin-field-group input,:root[data-theme=light] .admin-field-group textarea{background:#ffffffd9;border-color:#0000001a;color:var(--text)}:root[data-theme=light] .admin-field-group input:focus,:root[data-theme=light] .admin-field-group textarea:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #087f6c1a}:root[data-theme=light] .admin-no-projects{border-color:#087f6c40}.cropper-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;display:grid;place-items:center;padding:20px;animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}.cropper-modal{width:min(100%,420px);background:linear-gradient(145deg,#191916fa,#0f0f0cfc);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 30px 80px #0009,inset 0 1px #ffffff0d,0 0 40px #59d6b40d;overflow:hidden;display:flex;flex-direction:column;animation:modalScaleUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{transform:scale(.92) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalScaleDown{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(.94) translateY(8px);opacity:0}}@keyframes modalScaleUp{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.cropper-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between}.cropper-header h4{margin:0;font-family:Outfit,sans-serif;color:var(--heading);font-size:1.15rem;font-weight:800}.btn-close{background:none;border:none;color:var(--muted);font-size:1.5rem;line-height:1;cursor:pointer;padding:0;transition:color .3s ease;min-height:auto}.btn-close:hover{color:#ea4335;transform:none}.cropper-body{padding:24px;display:flex;flex-direction:column;align-items:center;gap:20px}.crop-viewport-wrapper{width:250px;height:250px;position:relative;overflow:hidden;border-radius:50%;border:2px solid var(--accent);box-shadow:0 10px 30px #00000080,0 0 20px #59d6b426;cursor:grab;background:#000}.crop-viewport-wrapper:active{cursor:grabbing}.crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:inset 0 0 0 999px #0006;pointer-events:none}.favicon-cropper .crop-viewport-wrapper{border-radius:22px;background:linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.04) 25%,transparent 25%),#10110f;background-size:22px 22px}.favicon-cropper .crop-mask{border-radius:22px;box-shadow:inset 0 0 0 2px #ffffff29,inset 0 0 0 999px #0000003d}.favicon-cropper .crop-mask:after{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:16px;border:1px dashed rgba(89,214,180,.5)}.cropper-controls{width:100%;display:flex;flex-direction:column;gap:12px;align-items:center}.zoom-control{width:100%;display:flex;align-items:center;gap:14px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:10px 16px;border-radius:12px}.zoom-label{font-size:.8rem;font-weight:800;color:var(--soft);text-transform:uppercase;letter-spacing:.05em}.zoom-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:#ffffff1a;border-radius:2px;outline:none;transition:background .3s ease}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#59d6b4,#f7c873);cursor:pointer;box-shadow:0 0 10px #59d6b466;transition:transform .2s ease}.zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.zoom-value{font-size:.85rem;font-weight:700;color:var(--accent);min-width:38px;text-align:right}.cropper-instructions{font-size:.76rem;color:var(--muted);margin:0;text-align:center}.cropper-footer{padding:16px 24px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:flex-end;gap:12px}.btn-cancel{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--heading);padding:10px 18px;border-radius:10px;font-size:.88rem;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-1px)}.btn-apply{background:linear-gradient(135deg,#59d6b4,#f7c873);border:none;color:#10120f;padding:10px 22px;border-radius:10px;font-size:.88rem;font-weight:800;cursor:pointer;box-shadow:0 10px 24px #59d6b440;transition:all .3s ease}.btn-apply:hover{transform:translateY(-1px);box-shadow:0 12px 30px #59d6b459;background:linear-gradient(135deg,#6bf0cc,#ffd78c)}:root[data-theme=light] .cropper-modal{background:linear-gradient(145deg,#fff,#fcfcfc);border-color:#00000014;box-shadow:0 30px 80px #00000026,inset 0 1px #ffffffe6}:root[data-theme=light] .cropper-header{border-bottom-color:#0000000f}:root[data-theme=light] .cropper-footer{border-top-color:#0000000f}:root[data-theme=light] .zoom-control{background:#00000004;border-color:#0000000d}:root[data-theme=light] .zoom-slider{background:#00000014}:root[data-theme=light] .btn-cancel{background:#00000008;border-color:#00000014;color:var(--text)}:root[data-theme=light] .btn-cancel:hover{background:#0000000f;border-color:#00000026}.image-upload-wrapper{margin-top:8px;display:flex;flex-direction:column;gap:12px;width:100%}.image-upload-label{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;background:linear-gradient(145deg,#ffffff08,#ffffff03);border:1.5px dashed rgba(255,255,255,.15);border-radius:14px;font-size:.85rem;font-weight:600;color:#f6f1e899;cursor:pointer;width:fit-content;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a}.image-upload-label:hover{background:linear-gradient(145deg,#59d6b414,#59d6b405);border-color:var(--accent);color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 16px #59d6b426}.image-upload-label .upload-icon{width:18px;height:18px;stroke-width:2}.uploaded-image-preview{position:relative;width:fit-content;display:inline-flex;background:linear-gradient(145deg,#0000004d,#00000026);border:1.5px solid rgba(255,255,255,.1);border-radius:14px;padding:10px;animation:fadeIn .3s ease;box-shadow:0 4px 12px #0003}.uploaded-image-preview img{max-width:180px;max-height:180px;border-radius:10px;object-fit:contain;cursor:pointer;transition:transform .2s ease}.uploaded-image-preview img:hover{transform:scale(1.02)}.admin-section-switcher{width:min(1180px,calc(100% - 28px));margin:22px auto 18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px;position:relative;z-index:5}.admin-section-switch{min-height:54px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.09);background:radial-gradient(circle at 18% 12%,rgba(89,214,180,.12),transparent 34%),#ffffff09;color:var(--soft);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;cursor:pointer;box-shadow:0 12px 28px #00000029;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.admin-section-switch svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.admin-section-switch:hover,.admin-section-switch.is-active{color:var(--accent);border-color:#59d6b461;background:radial-gradient(circle at 18% 12%,rgba(89,214,180,.22),transparent 38%),#59d6b417;transform:translateY(-2px)}.admin-section-page{display:none}.admin-section-page.is-active{display:block;animation:admin-section-in .26s cubic-bezier(.22,1,.36,1)}@keyframes admin-section-in{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.remove-image-btn{position:absolute;top:-10px;right:-10px;width:26px;height:26px;border-radius:50%;background:linear-gradient(145deg,#ea4335,#d93025);color:#fff;border:2px solid rgba(255,255,255,.2);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ea433566;transition:all .2s ease}.remove-image-btn:hover{transform:scale(1.15) rotate(90deg);box-shadow:0 6px 16px #ea433580}:root[data-theme=light] .image-upload-label{background:linear-gradient(145deg,#00000005,#00000003);border-color:#0000001f;color:#4e554cb3;box-shadow:0 2px 8px #0000000d}:root[data-theme=light] .image-upload-label:hover{background:linear-gradient(145deg,#087f6c0f,#087f6c05);border-color:var(--accent);color:var(--accent);box-shadow:0 4px 16px #087f6c1f}:root[data-theme=light] .uploaded-image-preview{background:linear-gradient(145deg,#0000000d,#00000005);border-color:#0000001a;box-shadow:0 4px 12px #00000014}.message-attachment-wrap{margin-top:14px;padding-left:26px}.message-attachment-heading{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#f6f1e859;margin-bottom:8px}.message-attachment-heading .attachment-meta-icon{width:12px;height:12px}.message-attachment-image img{max-width:100%;max-height:200px;border-radius:12px;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:transform .2s ease,border-color .2s ease}.message-attachment-image img:hover{transform:scale(1.02);border-color:var(--accent)}:root[data-theme=light] .message-attachment-heading{color:#4e554c99}