:root{--bg-darkest:#0d0604;--bg-main:#130905;--bg-card:#1e0d08;--bg-light:#f8f4f1;--text-main:#faf0ed;--text-muted:#c4aa96;--text-dark:#1a0a06;--orange:#c50;--orange-bright:#e8631a;--orange-glow:#cc550026;--gold:#d4a017;--border:#cc55001f;--border-strong:#cc55004d;--radius:8px;--transition:.35s cubic-bezier(.4, 0, .2, 1);--background:var(--bg-main);--foreground:var(--text-main);--card:var(--bg-card);--card-foreground:var(--text-main);--popover:color-mix(in srgb, var(--bg-card) 92%, transparent);--popover-foreground:var(--text-main);--primary:var(--orange-bright);--primary-foreground:var(--text-main);--secondary:color-mix(in srgb, var(--orange) 13%, transparent);--secondary-foreground:var(--text-main);--muted:color-mix(in srgb, var(--text-muted) 12%, transparent);--muted-foreground:var(--text-muted);--accent:color-mix(in srgb, var(--orange-bright) 16%, transparent);--accent-foreground:var(--text-main);--destructive:#ff6b5f;--destructive-foreground:var(--text-main);--ring:color-mix(in srgb, var(--orange-bright) 65%, transparent);--input:color-mix(in srgb, var(--orange) 10%, transparent);--shadow-sm:0 10px 30px color-mix(in srgb, var(--bg-darkest) 78%, transparent);--shadow-md:0 18px 55px color-mix(in srgb, var(--orange) 18%, transparent);--shadow-lg:0 30px 90px color-mix(in srgb, var(--bg-darkest) 80%, transparent)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 9%, color-mix(in srgb, var(--orange) 16%, transparent), transparent 28rem), radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--gold) 9%, transparent), transparent 24rem), linear-gradient(145deg, var(--bg-darkest), var(--bg-main) 48%, var(--bg-darkest));min-width:320px;color:var(--foreground);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-2;background-image:linear-gradient(color-mix(in srgb, var(--orange) 5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--orange) 5%, transparent) 1px, transparent 1px);background-size:84px 84px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}body:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(120deg, transparent, color-mix(in srgb, var(--orange) 4%, transparent), transparent);animation:13s linear infinite premiumSweep;position:fixed;inset:0}button,a,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img,svg{display:block}img{max-width:100%}p{color:var(--muted-foreground);line-height:1.75}::selection{color:var(--text-main);background:var(--orange)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.section-shell{width:min(1180px,100% - 40px);margin-inline:auto}.loading-screen{z-index:1000;background:radial-gradient(circle, color-mix(in srgb, var(--orange) 14%, transparent), transparent 25rem), var(--bg-darkest);color:var(--text-main);letter-spacing:.14em;text-transform:uppercase;align-content:center;place-items:center;gap:18px;font-size:.78rem;display:grid;position:fixed;inset:0}.loader-mark{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--bg-card) 72%, transparent);width:76px;height:76px;box-shadow:0 0 40px var(--orange-glow);border-radius:24px;place-items:center;animation:1s ease-in-out infinite alternate loaderPulse;display:grid}.loader-mark svg{color:var(--primary)}.scroll-progress{z-index:999;background:0 0;height:3px;position:fixed;top:0;left:0;right:0}.scroll-progress span{background:linear-gradient(90deg, var(--orange), var(--gold), var(--orange-bright));width:0;height:100%;box-shadow:0 0 18px var(--orange-bright);display:block}.site-header{z-index:100;transition:var(--transition);padding:18px 0;position:sticky;top:0}.site-header.is-scrolled{background:color-mix(in srgb, var(--bg-darkest) 72%, transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-bottom:1px solid var(--border);box-shadow:0 14px 50px color-mix(in srgb, var(--bg-darkest) 62%, transparent);padding:10px 0}.nav-shell{border-radius:calc(var(--radius) * 2);justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);min-height:58px;margin-inline:auto;display:flex}.brand{color:var(--text-main);cursor:pointer;letter-spacing:.2em;background:0 0;border:0;padding:10px 0;font-weight:900}.brand span{background:linear-gradient(135deg, var(--text-main), var(--gold), var(--orange-bright));color:#0000;-webkit-background-clip:text;background-clip:text}.mobile-toggle{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);width:44px;height:44px;color:var(--text-main);cursor:pointer;transition:var(--transition);place-items:center;display:none}.mobile-toggle:hover{background:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.mobile-toggle:focus-visible,.brand:focus-visible,.nav-link:focus-visible,.footer-column button:focus-visible,.filter-btn:focus-visible,.btn:focus-visible,.social-row a:focus-visible,.scroll-top:focus-visible,.inline-link:focus-visible{box-shadow:0 0 0 2px var(--ring), 0 0 0 5px color-mix(in srgb, var(--bg-main) 86%, transparent);outline:none}.nav-links-panel{align-items:center;gap:8px;display:flex}.nav-link,.footer-column button,.filter-btn{color:var(--muted-foreground);cursor:pointer;border-radius:var(--radius);transition:var(--transition);background:0 0;border:0}.nav-link{padding:10px 13px;font-size:.93rem;position:relative}.nav-link:hover,.nav-link.is-active{color:var(--text-main);background:var(--accent)}.nav-link.is-active:after{content:"";background:var(--primary);height:2px;box-shadow:0 0 16px var(--primary);border-radius:999px;position:absolute;bottom:5px;left:14px;right:14px}.btn{border:1px solid var(--border-strong);border-radius:var(--radius);min-width:128px;min-height:46px;color:var(--primary-foreground);cursor:pointer;transition:var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:10px;padding:12px 18px;display:inline-flex;position:relative;overflow:hidden}.btn svg{flex:none}.btn:before{content:"";opacity:0;background:linear-gradient(110deg, transparent, color-mix(in srgb, var(--text-main) 18%, transparent), transparent);transition:var(--transition);position:absolute;inset:0;transform:translate(-100%)}.btn:hover:before{opacity:1;transform:translate(100%)}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn:active{transform:scale(.98)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;pointer-events:none;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--orange), var(--orange-bright));box-shadow:0 14px 35px color-mix(in srgb, var(--orange) 30%, transparent)}.btn-secondary{background:color-mix(in srgb, var(--bg-card) 78%, transparent);color:var(--text-main);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.btn-ghost{background:0 0;min-width:auto}.btn-icon{background:var(--card);width:44px;min-width:44px;height:44px;padding:0}.btn-label{transition:var(--transition);align-items:center;gap:10px;display:inline-flex}.btn.is-loading .btn-label{opacity:0}.btn-spinner{place-items:center;display:grid;position:absolute;inset:0}.btn-spinner svg,.toast-spin{animation:.8s linear infinite spin}.hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:70px;min-height:calc(100vh - 94px);padding:86px 0 120px;display:grid;position:relative}.hero-orb{filter:blur(6px);pointer-events:none;z-index:-1;border-radius:999px;position:absolute}.hero-orb-one{background:radial-gradient(circle, var(--orange-glow), transparent 68%);width:280px;height:280px;animation:7s ease-in-out infinite floatSoft;top:130px;left:-90px}.hero-orb-two{background:radial-gradient(circle, color-mix(in srgb, var(--gold) 12%, transparent), transparent 66%);width:420px;height:420px;animation:9s ease-in-out infinite reverse floatSoft;bottom:70px;right:-120px}.eyebrow{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:8px;font-size:.78rem;font-weight:800;display:inline-flex}.eyebrow:before{content:"";background:linear-gradient(90deg, var(--orange), var(--gold));width:34px;height:1px;box-shadow:0 0 12px var(--orange-bright)}.hero h1{letter-spacing:-.08em;background:linear-gradient(135deg, var(--text-main), var(--gold) 42%, var(--orange-bright));color:#0000;text-shadow:0 16px 70px color-mix(in srgb, var(--orange) 20%, transparent);-webkit-background-clip:text;background-clip:text;margin:18px 0 8px;font-size:clamp(4.2rem,9vw,8.6rem);line-height:.86}.hero-subtitle{color:var(--text-main);margin:0;font-size:clamp(1.2rem,2vw,1.7rem);font-weight:800}.typing-line{min-height:42px;color:var(--orange-bright);align-items:center;gap:6px;margin-top:18px;font-size:clamp(1.1rem,2.6vw,1.55rem);font-weight:800;display:inline-flex}.typing-line i{background:var(--orange-bright);border-radius:999px;width:3px;height:28px;animation:.85s steps(2,end) infinite blink}.hero-description{max-width:660px;margin:20px 0 0;font-size:1.05rem}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.social-row{align-items:center;gap:12px;margin-top:28px;display:flex}.social-row a{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb, var(--bg-card) 76%, transparent);width:46px;height:46px;color:var(--text-main);box-shadow:var(--shadow-sm);transition:var(--transition);place-items:center;display:grid}.social-row a:hover{color:var(--primary);border-color:var(--border-strong);box-shadow:0 18px 42px color-mix(in srgb, var(--orange) 24%, transparent);transform:translateY(-4px)scale(1.06)}.hero-visual{place-items:center;min-height:620px;display:grid;position:relative}.particle-field{border-radius:34px;position:absolute;inset:0;overflow:hidden}.particle-field span{background:var(--orange-bright);width:7px;height:7px;box-shadow:0 0 22px var(--orange-bright);opacity:.45;border-radius:999px;animation:7s ease-in-out infinite particleDrift;position:absolute}.particle-field span:first-child{animation-delay:0s;top:12%;left:18%}.particle-field span:nth-child(2){animation-delay:.8s;top:20%;right:16%}.particle-field span:nth-child(3){animation-delay:1.4s;top:46%;left:10%}.particle-field span:nth-child(4){animation-delay:2.1s;bottom:18%;right:12%}.particle-field span:nth-child(5){animation-delay:2.9s;bottom:32%;left:22%}.particle-field span:nth-child(6){animation-delay:3.6s;top:62%;right:22%}.particle-field span:nth-child(7){animation-delay:4.2s;top:8%;left:56%}.particle-field span:nth-child(8){animation-delay:4.8s;bottom:8%;left:44%}.particle-field span:nth-child(9){animation-delay:5.5s;top:36%;right:4%}.particle-field span:nth-child(10){animation-delay:6s;bottom:44%;left:2%}.particle-field span:nth-child(11){animation-delay:1.2s;top:78%;right:36%}.particle-field span:nth-child(12){animation-delay:3.2s;top:28%;left:38%}.particle-field span:nth-child(13){animation-delay:4.4s;bottom:26%;right:44%}.particle-field span:nth-child(14){animation-delay:5.8s;top:54%;left:54%}.profile-frame{width:min(455px,92%);transform-style:preserve-3d;animation:5.7s ease-in-out infinite heroFloat;position:relative}.profile-frame:before,.profile-frame:after{content:"";z-index:-2;border-radius:30px;position:absolute;inset:-28px}.profile-frame:before{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--orange) 38%, transparent), transparent 60%);filter:blur(26px)}.profile-frame:after{border:1px solid var(--border-strong);transform:rotate(-4deg)translateZ(-1px)}.profile-glass{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-card) 42%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:-1;border-radius:28px;position:absolute;inset:16px -18px -18px 18px}.profile-image{aspect-ratio:16/19;border:1px solid var(--border-strong);background:var(--muted);box-shadow:0 36px 100px color-mix(in srgb, var(--orange) 26%, transparent);transition:var(--transition);border-radius:28px;display:block;overflow:hidden}.profile-image img{object-fit:cover;width:100%;height:100%}.profile-frame:hover .profile-image{box-shadow:0 42px 120px color-mix(in srgb, var(--orange) 34%, transparent);transform:rotate(1.8deg)translateY(-8px)scale(1.015)}.floating-badge{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--bg-card) 72%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--text-main);box-shadow:var(--shadow-md);border-radius:999px;align-items:center;gap:8px;padding:12px 14px;font-weight:800;display:flex;position:absolute}.floating-badge svg{color:var(--primary)}.badge-top{animation:4.3s ease-in-out infinite floatSoft;top:36px;right:-28px}.badge-bottom{animation:5s ease-in-out infinite reverse floatSoft;bottom:74px;left:-28px}.section-heading{text-align:center;max-width:800px;margin:0 auto 48px}.section-heading h2{letter-spacing:-.045em;margin:14px 0 12px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.06}.section-heading p{max-width:720px;margin:0 auto}.about,.services,.skills,.projects,.contact{padding:112px 0}.about-grid{grid-template-columns:1.25fr .75fr;gap:24px;display:grid}.glass-card,.service-card,.skill-card,.project-card,.stat-card,.contact-form,.contact-panel,.empty-state,.dialog-card{background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:calc(var(--radius) * 2.2);box-shadow:var(--shadow-sm)}.glass-card,.service-card,.skill-card,.project-card,.stat-card,.contact-panel,.empty-state{transition:var(--transition)}.glass-card:hover,.service-card:hover,.skill-card:hover,.project-card:hover,.stat-card:hover,.contact-panel:hover,.empty-state:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-6px)}.glass-card:focus-visible,.service-card:focus-visible,.skill-card:focus-visible,.project-card:focus-visible,.stat-card:focus-visible{box-shadow:0 0 0 2px var(--ring), var(--shadow-md);outline:none}.glass-card{background:linear-gradient(145deg, color-mix(in srgb, var(--bg-card) 84%, transparent), color-mix(in srgb, var(--orange) 8%, transparent)), var(--card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:30px}.glass-card h3,.service-card h3,.contact-panel h3,.dialog-content h3{color:var(--text-main);margin:0 0 12px;font-size:1.38rem}.journey-list{gap:18px;margin-top:26px;display:grid}.journey-list div{grid-template-columns:38px 1fr;align-items:start;gap:14px;display:grid}.journey-list svg,.summary-card>svg{color:var(--primary)}.journey-list strong{color:var(--text-main);margin-bottom:4px;display:block}.summary-card{flex-direction:column;justify-content:center;display:flex}.inline-link{width:fit-content;color:var(--gold);border-radius:var(--radius);transition:var(--transition);align-items:center;gap:8px;margin-top:12px;font-weight:800;display:inline-flex}.inline-link:hover{color:var(--primary);transform:translate(5px)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px;display:grid}.stat-card{text-align:center;background:color-mix(in srgb, var(--bg-card) 88%, transparent);padding:24px}.stat-card svg{color:var(--primary);margin:0 auto 14px}.stat-card strong{color:var(--text-main);font-size:2rem;line-height:1;display:block}.stat-card span{color:var(--muted-foreground);margin-top:10px;display:block}.services-grid,.projects-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.service-card{padding:28px;position:relative;overflow:hidden}.service-card:after,.project-card:after{content:"";background:radial-gradient(circle, var(--orange-glow), transparent 70%);height:120px;transition:var(--transition);position:absolute;inset:auto -20% -35%}.service-card:hover:after,.project-card:hover:after{opacity:.9;transform:translateY(-28px)}.card-icon,.contact-panel-icon,.empty-icon{width:56px;height:56px;color:var(--primary);background:var(--accent);box-shadow:0 0 24px var(--orange-glow);border-radius:18px;place-items:center;margin-bottom:22px;display:grid}.skills-grid{grid-template-columns:repeat(6,1fr);gap:18px;display:grid}.skill-card{text-align:center;place-items:center;min-height:224px;padding:24px 16px;display:grid;position:relative;overflow:hidden}.skill-card strong{color:var(--text-main);font-size:1.5rem;position:absolute;top:76px;left:0;right:0}.skill-card span{color:var(--muted-foreground);font-weight:800}.skill-ring{transform:rotate(-90deg)}.skill-track,.skill-progress{fill:none;stroke-width:10px}.skill-track{stroke:var(--muted)}.skill-progress{stroke:var(--primary);stroke-linecap:round;filter:drop-shadow(0 0 10px var(--orange-bright));transition:stroke-dashoffset .35s linear}.filter-row{flex-wrap:wrap;justify-content:center;gap:10px;margin:-16px 0 34px;display:flex}.filter-btn{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-card) 74%, transparent);padding:10px 16px}.filter-btn:hover,.filter-btn.is-selected{color:var(--text-main);background:var(--accent);border-color:var(--border-strong);box-shadow:0 0 0 2px color-mix(in srgb, var(--orange) 16%, transparent)}.project-card{background:color-mix(in srgb, var(--bg-card) 90%, transparent);position:relative;overflow:hidden}.project-image{aspect-ratio:16/10.3;background:var(--muted);border-bottom:1px solid var(--border);display:block;overflow:hidden}.project-image img,.dialog-image img{object-fit:cover;width:100%;height:100%;transition:transform .65s cubic-bezier(.2,.9,.2,1)}.project-card:hover .project-image img{transform:scale(1.065)}.project-body{z-index:1;padding:24px;position:relative}.project-category{color:var(--gold);text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px;font-size:.72rem;font-weight:900;display:inline-flex}.project-body h3{margin:0 0 10px;font-size:1.32rem}.tech-list{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.tech-list span{border:1px solid var(--border);color:var(--text-main);background:var(--secondary);border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:800}.project-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.project-actions .btn{min-width:120px;min-height:42px;padding:10px 13px}.empty-state{text-align:center;width:min(560px,100%);margin-inline:auto;padding:34px}.empty-icon{margin-inline:auto}.empty-state h3{margin:0 0 8px;font-size:1.25rem}.contact-grid{grid-template-columns:1.2fr .8fr;align-items:stretch;gap:24px;display:grid}.contact-form{background:linear-gradient(145deg, color-mix(in srgb, var(--bg-card) 78%, transparent), color-mix(in srgb, var(--orange) 8%, transparent)), var(--card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);grid-template-columns:repeat(2,1fr);gap:18px;padding:28px;display:grid;position:relative;overflow:hidden}.contact-form.form-submitting:after{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--orange) 10%, transparent), transparent);animation:1s ease-in-out infinite formSweep;position:absolute;inset:0}.field-group{gap:8px;display:grid}.field-full{grid-column:1/-1}.field-group label{color:var(--text-main);font-weight:800}.field-group input,.field-group textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--input);width:100%;color:var(--text-main);transition:var(--transition);resize:vertical;outline:none;padding:13px 14px}.field-group input::placeholder,.field-group textarea::placeholder{color:color-mix(in srgb, var(--text-muted) 72%, transparent)}.field-group input:focus,.field-group textarea:focus{border-color:var(--border-strong);box-shadow:0 0 0 2px var(--ring);background:color-mix(in srgb, var(--bg-card) 88%, transparent)}.field-group input:not(:placeholder-shown),.field-group textarea:not(:placeholder-shown){border-color:color-mix(in srgb, var(--gold) 34%, var(--border))}.field-group input[aria-invalid=true],.field-group textarea[aria-invalid=true]{border-color:var(--destructive);box-shadow:0 0 0 2px color-mix(in srgb, var(--destructive) 18%, transparent)}.field-group input:disabled,.field-group textarea:disabled{opacity:.5;background:var(--muted);cursor:not-allowed}.field-error{color:var(--destructive);font-size:.84rem}.submit-btn{width:100%}.contact-panel{background:radial-gradient(circle at top right, var(--orange-glow), transparent 60%), var(--card);padding:30px}.contact-panel ul,.dialog-list{gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.contact-panel li,.dialog-list li{color:var(--muted-foreground);align-items:center;gap:10px;display:flex}.contact-panel li svg,.dialog-list svg{color:var(--primary);flex:none}.footer{background:color-mix(in srgb, var(--bg-darkest) 72%, transparent);border-top:1px solid var(--border);padding-top:60px;position:relative}.footer-grid{grid-template-columns:1.2fr .75fr .95fr .9fr;gap:30px;padding-bottom:48px;display:grid}.footer-column h2,.footer-column h3{color:var(--text-main);margin:0 0 16px}.footer-column h2{letter-spacing:.18em}.footer-brand p{color:var(--gold);margin:0 0 10px;font-weight:900}.footer-brand span{color:var(--muted-foreground);line-height:1.7}.footer-column button{text-align:left;width:fit-content;padding:8px 0;display:block}.footer-column button:hover{color:var(--primary);transform:translate(5px)}.footer-social{margin-top:0}.copyright{border-top:1px solid var(--border-strong);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--orange) 22%, transparent);text-align:center;padding:22px 20px}.copyright p{margin:4px 0;font-size:.92rem}.scroll-top{z-index:90;border:1px solid var(--border-strong);background:linear-gradient(135deg, var(--orange), var(--orange-bright));width:48px;height:48px;color:var(--text-main);cursor:pointer;opacity:0;visibility:hidden;transition:var(--transition);box-shadow:var(--shadow-md);border-radius:999px;place-items:center;display:grid;position:fixed;bottom:22px;right:22px;transform:translateY(14px)}.scroll-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top:hover{transform:translateY(-4px)}.dialog-backdrop{z-index:800;background:color-mix(in srgb, var(--bg-darkest) 76%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);place-items:center;padding:24px;animation:.2s both fadeIn;display:grid;position:fixed;inset:0}.dialog-card{background:var(--popover);width:min(920px,100%);max-height:min(820px,92vh);color:var(--popover-foreground);border-color:var(--border-strong);box-shadow:var(--shadow-lg);animation:.2s both dialogIn;position:relative;overflow:auto}.dialog-close{float:right;z-index:2;margin:14px 14px -58px 0;position:sticky;top:14px}.dialog-image{aspect-ratio:16/9;background:var(--muted);border-bottom:1px solid var(--border);display:block;overflow:hidden}.dialog-content{padding:30px}.dialog-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.toast-region{z-index:1100;gap:12px;width:min(380px,100vw - 36px);display:grid;position:fixed;bottom:18px;right:18px}.toast{border-radius:var(--radius);border:1px solid var(--border);background:var(--popover);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-md);grid-template-columns:22px 1fr;align-items:start;gap:12px;padding:14px;animation:.22s both toastIn;display:grid}.toast strong{color:var(--text-main);display:block}.toast p{margin:3px 0 0;font-size:.9rem;line-height:1.5}.toast-success svg{color:var(--gold)}.toast-error svg{color:var(--destructive)}.toast-info svg,.toast-loading svg{color:var(--primary)}.reveal{opacity:0;transition:opacity .72s,transform .72s cubic-bezier(.2,.9,.2,1);transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes loaderPulse{to{box-shadow:0 0 70px var(--orange-glow);transform:translateY(-8px)scale(1.04)}}@keyframes premiumSweep{0%{transform:translate(-40%)}to{transform:translate(40%)}}@keyframes blink{50%{opacity:0}}@keyframes floatSoft{50%{transform:translateY(-14px)}}@keyframes heroFloat{0%,to{transform:translateY(0)rotate(-.6deg)}50%{transform:translateY(-18px)rotate(.7deg)}}@keyframes particleDrift{0%,to{opacity:.24;transform:translate(0,0)scale(.9)}50%{opacity:.72;transform:translate(18px,-24px)scale(1.2)}}@keyframes formSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes dialogIn{0%{opacity:0;transform:scale(.96)translateY(14px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1100px){.hero{text-align:center;grid-template-columns:1fr;gap:42px}.hero-description,.hero-actions,.social-row{justify-content:center;margin-inline:auto}.hero-visual{min-height:560px}.about-grid,.contact-grid{grid-template-columns:1fr}.stats-grid,.services-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}.skills-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){.mobile-toggle{display:grid}.nav-menu{pointer-events:none;position:fixed;inset:0}.nav-menu.is-open{pointer-events:auto}.nav-overlay{background:color-mix(in srgb, var(--bg-darkest) 68%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:var(--transition);position:absolute;inset:0}.nav-menu.is-open .nav-overlay{opacity:1}.nav-links-panel{border:1px solid var(--border-strong);border-radius:calc(var(--radius) * 2);background:var(--popover);width:min(340px,100% - 36px);box-shadow:var(--shadow-lg);opacity:0;transition:var(--transition);gap:8px;padding:72px 18px 18px;display:grid;position:absolute;top:18px;right:18px;transform:translateY(-12px)scale(.96)}.nav-menu.is-open .nav-links-panel{opacity:1;transform:translateY(0)scale(1)}.nav-link,.nav-cta{justify-content:center;width:100%}.nav-link{padding:13px}.nav-link.is-active:after{bottom:7px}.hero{padding-top:54px}.about,.services,.skills,.projects,.contact{padding:84px 0}}@media (width<=680px){.section-shell,.nav-shell{width:min(100% - 28px,1180px)}.hero{min-height:auto;padding-bottom:82px}.hero h1{font-size:clamp(3.35rem,17vw,5.4rem)}.hero-actions .btn,.project-actions .btn,.dialog-actions .btn{width:100%}.hero-visual{min-height:480px}.profile-frame{width:min(370px,90%)}.floating-badge{font-size:.82rem}.badge-top{right:-8px}.badge-bottom{left:-8px}.stats-grid,.services-grid,.projects-grid,.skills-grid,.footer-grid,.contact-form{grid-template-columns:1fr}.contact-form,.glass-card,.contact-panel,.dialog-content{padding:22px}.section-heading{margin-bottom:34px}.toast-region{width:auto;bottom:14px;left:14px;right:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
