html,body,#root{width:100%;height:100%;margin:0;padding:0}.home-hero{color:#f4f6f4;background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;width:100%;min-height:100vh;font-family:Inter,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.home-hero__overlay{z-index:1;background:linear-gradient(90deg,#183e2bf0 0%,#061a12d1 32%,#0a2d1e8c 60%,#10503247 85%,#06231526 100%),linear-gradient(#00000080 0%,#00000026 30%,#00000059 100%);position:absolute;inset:0}.home-nav{z-index:5;justify-content:space-between;align-items:center;padding:26px 40px;display:flex;position:relative}.home-nav__links{gap:30px;margin:0;padding:0;list-style:none;display:flex}.home-nav__link{color:#f4f6f4b3;letter-spacing:.02em;font-size:13.5px;text-decoration:none;transition:color .15s}.home-nav__link:hover{color:#f4f6f4}.home-nav__link--active{color:#4ee69a}.home-nav__phone{color:#f4f6f4cc;letter-spacing:.02em;align-items:center;gap:8px;font-size:13.5px;text-decoration:none;display:flex}.home-nav__phone svg{width:14px;height:14px}.home-content{z-index:5;max-width:640px;margin-top:auto;padding:0 44px 70px;position:relative}.home-title{margin:0 0 10px;line-height:.95}.home-title__first{letter-spacing:.06em;text-transform:uppercase;color:#f4f6f4e6;font-size:clamp(26px,4vw,36px);font-weight:500;display:block}.home-title__last{letter-spacing:.01em;text-transform:uppercase;font-size:clamp(48px,8vw,76px);font-weight:800;display:block}.home-role{letter-spacing:.3em;text-transform:uppercase;color:#4ee69ad9;margin:6px 0 30px;font-size:14px}.home-actions{gap:16px;display:flex}.home-btn{color:#f4f6f4;letter-spacing:.04em;text-transform:uppercase;border:1px solid #f4f6f466;border-radius:999px;padding:13px 30px;font-size:13.5px;text-decoration:none;transition:background .15s,border-color .15s,transform .15s}.home-btn:hover{background:#4ee69a1f;border-color:#4ee69a;transform:translateY(-1px)}.home-socials{z-index:5;gap:16px;margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:34px;left:44px}.home-socials__link{color:#f4f6f4a6;justify-content:center;align-items:center;transition:color .15s,transform .15s;display:flex}.home-socials__link svg{width:16px;height:16px}.home-socials__link:hover{color:#4ee69a;transform:translateY(-2px)}.home-fullscreen{z-index:5;color:#f4f6f4bf;cursor:pointer;background:#04060566;border:1px solid #f4f6f433;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,color .15s;display:flex;position:absolute;bottom:30px;right:30px}.home-fullscreen svg{width:16px;height:16px}.home-fullscreen:hover{color:#f4f6f4;background:#4ee69a26}@media (width<=720px){.home-nav{padding:20px 22px}.home-nav__links{gap:16px}.home-nav__phone span{display:none}.home-content{padding:0 22px 50px}.home-socials{left:22px}}:root{--bg-0:#060907;--bg-1:#0b0f0d;--card-bg:#101613;--card-bg-soft:#0d1311;--card-border:#ffffff12;--card-border-hover:#4ade8059;--green-500:#22c55e;--green-400:#4ade80;--green-300:#86efac;--green-glow:#4ade8059;--gradient-accent:linear-gradient(135deg, #063a22 0%, #16a34a 55%, #86efac 100%);--text-hi:#f2f6f3;--text-mid:#a9b8b1;--text-low:#64766f;--radius-lg:26px;--radius-md:18px;--radius-sm:12px;--radius-pill:999px;--ease:cubic-bezier(.16, 1, .3, 1)}.contact-page{background:var(--bg-0);min-height:100vh;color:var(--text-hi);isolation:isolate;padding:28px clamp(20px,5vw,64px) 60px;font-family:Inter,Segoe UI,system-ui,sans-serif;position:relative;overflow:hidden}.contact-page *{box-sizing:border-box}.contact-page:before{content:"";background:radial-gradient(ellipse 60% 45% at 50% 0%, #14281e8c, transparent 70%), linear-gradient(180deg, var(--bg-1) 0%, var(--bg-0) 40%);z-index:-3;position:absolute;inset:0}.contact-glow{background:radial-gradient(circle, var(--green-glow) 0%, #22c55e14 40%, transparent 70%);filter:blur(40px);pointer-events:none;z-index:-2;width:900px;height:900px;position:absolute;top:-10%;left:50%;transform:translate(-50%)}.contact-lines{color:#86efac40;pointer-events:none;z-index:-1;width:260px;height:160px;position:absolute;top:18%}.contact-lines--left{left:-20px}.contact-lines--right{right:-20px}.contact-lines svg{width:100%;height:100%}.contact-watermark{letter-spacing:4px;color:#0000;-webkit-text-stroke:1px #86efac14;white-space:nowrap;pointer-events:none;z-index:-1;font-size:clamp(60px,14vw,190px);font-weight:800;position:absolute;bottom:-4%;left:50%;transform:translate(-50%)}.contact-nav{border:1px solid var(--card-border);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#10161399;align-items:center;gap:28px;max-width:880px;margin:0 auto 72px;padding:12px 22px;display:flex;position:relative}.contact-nav__logo{width:34px;height:34px;color:var(--green-400);background:#4ade801a;border-radius:50%;justify-content:center;align-items:center;margin-right:4px;display:flex}.contact-nav__logo svg{width:18px;height:18px}.contact-nav__link{color:var(--text-mid);transition:color .2s var(--ease);font-size:14px;text-decoration:none}.contact-nav__link:hover{color:var(--text-hi)}.contact-nav__link--active{color:var(--text-hi);font-weight:600}.contact-nav__cta{color:#062512;background:var(--gradient-accent);border-radius:var(--radius-pill);white-space:nowrap;transition:transform .25s var(--ease), box-shadow .25s var(--ease);align-items:center;gap:8px;margin-left:auto;padding:9px 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.contact-nav__cta:hover{box-shadow:0 8px 24px -8px var(--green-glow);transform:translateY(-1px)}.contact-nav__cta svg{width:14px;height:14px}.contact-body{z-index:1;grid-template-columns:1fr 1fr;align-items:start;gap:48px;max-width:1080px;margin:0 auto;display:grid;position:relative}.contact-left{flex-direction:column;gap:20px;display:flex}.contact-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--green-300);border-radius:var(--radius-pill);background:#4ade8014;border:1px solid #4ade8040;align-self:flex-start;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.contact-badge__dot{background:var(--green-400);width:6px;height:6px;box-shadow:0 0 8px 2px var(--green-glow);border-radius:50%}.contact-left h1{letter-spacing:-.02em;background:linear-gradient(180deg, var(--text-hi) 0%, #cfe4d8 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:4px 0 0;font-size:clamp(34px,4vw,48px);font-weight:700;line-height:1.08}.contact-sub{max-width:46ch;color:var(--text-mid);margin:0 0 8px;font-size:15px;line-height:1.65}.contact-methods{flex-direction:column;gap:12px;display:flex}.contact-method{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);transition:border-color .25s var(--ease), transform .25s var(--ease), background .25s var(--ease);align-items:center;gap:14px;padding:16px 18px;display:flex}.contact-method:hover{border-color:var(--card-border-hover);background:var(--card-bg-soft);transform:translateY(-2px)}.contact-method__icon{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--green-400);background:#4ade8014;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-method__icon svg{width:19px;height:19px}.contact-method__text{flex-direction:column;gap:3px;min-width:0;display:flex}.contact-method__label{letter-spacing:.03em;text-transform:uppercase;color:var(--text-low);font-size:11px;font-weight:600}.contact-method__value{color:var(--text-hi);text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:500;overflow:hidden}.contact-method__arrow{width:32px;height:32px;color:var(--text-mid);border:1px solid var(--card-border);cursor:pointer;transition:color .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease);background:#ffffff0a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}.contact-method__arrow:hover{color:#062512;background:var(--green-400);border-color:var(--green-400);transform:rotate(45deg)}.contact-method__arrow svg{width:14px;height:14px}.contact-form{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);flex-direction:column;gap:14px;padding:28px;display:flex;position:relative;overflow:hidden}.contact-form:before{content:"";pointer-events:none;background:radial-gradient(circle,#4ade802e 0%,#0000 70%);width:320px;height:320px;position:absolute;top:-60%;right:-30%}.contact-form input,.contact-form textarea{z-index:1;width:100%;color:var(--text-hi);border:1px solid var(--card-border);border-radius:var(--radius-sm);transition:border-color .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease);background:#ffffff08;outline:none;padding:14px 16px;font-family:inherit;font-size:14px;position:relative}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-low)}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--green-400);background:#4ade800d;box-shadow:0 0 0 3px #4ade801f}.contact-form textarea{resize:vertical;min-height:130px}.contact-form__submit{z-index:1;color:#062512;background:var(--gradient-accent);border-radius:var(--radius-sm);cursor:pointer;transition:transform .2s var(--ease), box-shadow .2s var(--ease), filter .2s var(--ease);border:none;margin-top:6px;padding:14px;font-size:14.5px;font-weight:700;position:relative}.contact-form__submit:hover{box-shadow:0 10px 28px -10px var(--green-glow);filter:brightness(1.05);transform:translateY(-1px)}.contact-form__submit:active{transform:translateY(0)}@media (width<=860px){.contact-body{grid-template-columns:1fr;gap:32px}.contact-nav{border-radius:var(--radius-md);flex-wrap:wrap;gap:16px}.contact-nav__cta{order:3;justify-content:center;width:100%;margin-left:0}.contact-lines{display:none}}@media (width<=480px){.contact-page{padding:20px 16px 48px}.contact-left h1{font-size:30px}}@media (prefers-reduced-motion:reduce){.contact-method,.contact-method__arrow,.contact-nav__cta,.contact-form input,.contact-form textarea,.contact-form__submit{transition:none}}.tech-page{color:#f2f6f3;background-color:#051d16;background-image:radial-gradient(60% 45% at 20% 10%,#010302fe 0%,#0000 60%),radial-gradient(55% 40% at 85% 30%,#000 0%,#0000 60%),radial-gradient(70% 50% at 50% 90%,#000 0%,#0000 65%),linear-gradient(#04140f 0%,#000 45% 100%);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;min-height:100vh;padding-bottom:80px;font-family:Inter,system-ui,sans-serif;position:relative;overflow:hidden}.tech-page__overlay{z-index:0;pointer-events:none;background:linear-gradient(#000 0%,#030c0900 30%,#000000ba 100%);position:absolute;inset:0}.tech-page__video{object-fit:cover;z-index:0;width:70%;height:70%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.tech-nav{z-index:5;justify-content:center;padding:28px 24px 0;display:flex;position:relative}.tech-nav__links{-webkit-backdrop-filter:blur(14px);background:#f2f6f30f;border:1px solid #f2f6f31f;border-radius:999px;gap:8px;margin:0;padding:8px;list-style:none;display:flex}.tech-nav__link{color:#f2f6f3a6;border-radius:999px;padding:8px 16px;font-size:13.5px;text-decoration:none;transition:color .15s,background .15s;display:inline-block}.tech-nav__link:hover{color:#f2f6f3}.tech-nav__link--active{color:#f2f6f3;background:#f2f6f31f}.tech-header{z-index:5;text-align:center;padding:70px 24px 50px;position:relative}.tech-header__eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#064125;margin-bottom:14px;font-size:12px;display:inline-block}.tech-header h1{letter-spacing:-.01em;margin:0;font-size:clamp(30px,5vw,48px);font-weight:700}.tech-groups{z-index:5;flex-direction:column;gap:36px;max-width:980px;margin:0 auto;padding:0 32px;display:flex;position:relative}.tech-group__title{letter-spacing:.14em;text-transform:uppercase;color:#f2f6f38c;margin:0 0 14px;font-size:12.5px;font-weight:600}.tech-tags{flex-wrap:wrap;gap:10px;display:flex}.tech-tag{-webkit-backdrop-filter:blur(6px);color:#fefefee6;background:#011f08;border:1px solid #00000029;border-radius:999px;padding:9px 16px;font-size:13.5px;transition:background .15s,border-color .15s,transform .15s}.tech-tag:hover{background:#000;border-color:#000;transform:translateY(-1px)}@media (width<=640px){.tech-header{padding:50px 20px 36px}.tech-groups{gap:28px;padding:0 20px}.tech-nav__links{border-radius:20px;flex-wrap:wrap;justify-content:center}}.home-hero{width:100%;height:100vh;position:relative;overflow:hidden}.home-hero__background{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.home-hero__overlay{z-index:1;position:absolute;inset:0}.home-nav,.home-content,.home-socials,.home-fullscreen{z-index:2;position:relative}.about-page{color:#f1f5f2;background:radial-gradient(circle at 65% 20%,#4ade801f,#0000 35%),radial-gradient(circle at 25% 70%,#14532d29,#0000 40%),#050807;width:100%;min-height:100vh;font-family:Inter,system-ui,sans-serif;position:relative;overflow:hidden}.about-glow{pointer-events:none;filter:blur(90px);z-index:0;border-radius:50%;position:absolute}.about-glow--one{background:#4ade8021;width:500px;height:500px;top:-200px;right:10%}.about-glow--two{background:#14532d2e;width:400px;height:400px;bottom:-180px;left:10%}.about-container{z-index:2;max-width:1200px;margin:0 auto;padding:100px 50px;position:relative}.about-main{grid-template-columns:.9fr 1.1fr;align-items:center;gap:80px;display:grid}.about-visual{justify-content:center;align-items:center;display:flex}.about-visual__frame{background:radial-gradient(circle,#4ade801a,#0000 50%),linear-gradient(145deg,#143220a6,#050f09f2);border:1px solid #4ade8026;border-radius:28px;width:430px;height:430px;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #4ade8008,0 0 70px #4ade800d}.about-visual__frame:before{content:"";background-image:linear-gradient(#4ade8009 1px,#0000 1px),linear-gradient(90deg,#4ade8009 1px,#0000 1px);background-size:35px 35px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 75%);mask-image:radial-gradient(circle,#000,#0000 75%)}.about-visual__center{z-index:3;background:radial-gradient(circle,#4ade802e,#050f09f2 65%);border:1px solid #4ade8040;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:170px;height:170px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 45px #4ade801a,inset 0 0 30px #4ade800d}.about-visual__icon{color:#4ade80;text-shadow:0 0 20px #4ade8059;font-size:34px;font-weight:700}.about-visual__center span{letter-spacing:.18em;text-transform:uppercase;color:#f1f5f28c;margin-top:8px;font-size:12px}.about-card{color:#4ade80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;background:linear-gradient(145deg,#143220bf,#050f09e6);border:1px solid #4ade8024;border-radius:14px;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:inset 0 0 25px #4ade8008,0 10px 30px #0000004d}.about-card span{font-size:20px;font-weight:700}.about-card--one{width:100px;height:70px;animation:5s ease-in-out infinite aboutFloat;top:45px;left:35px}.about-card--two{width:85px;height:65px;animation:6s ease-in-out infinite reverse aboutFloat;top:55px;right:35px}.about-card--three{width:80px;height:60px;animation:5.5s ease-in-out infinite aboutFloat;bottom:55px;left:40px}.about-card--four{width:85px;height:65px;animation:6.5s ease-in-out infinite reverse aboutFloat;bottom:50px;right:40px}@keyframes aboutFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.about-experience{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:4;background:#050f09cc;border:1px solid #4ade8024;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;display:flex;position:absolute;bottom:18px;right:50%;transform:translate(50%)}.about-experience strong{color:#4ade80;font-size:20px}.about-experience span{color:#f1f5f280;font-size:10px;line-height:1.2}.about-content{max-width:600px}.about-label{color:#4ade80;letter-spacing:.25em;margin-bottom:18px;font-size:11px;font-weight:600;display:inline-block}.about-content h2{letter-spacing:-.035em;margin:0 0 22px;font-size:clamp(38px,5vw,62px);font-weight:700;line-height:1.02}.about-content h2 span{color:#4ade80;text-shadow:0 0 20px #4ade801f}.about-content p{color:#f1f5f285;max-width:520px;margin-bottom:16px;font-size:14px;line-height:1.7}.about-intro{color:#f1f5f2bf!important;font-size:16px!important}.about-info-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:30px;display:grid}.about-info{background:#14231973;border:1px solid #4ade8014;border-radius:12px;align-items:flex-start;gap:12px;padding:14px;transition:border-color .2s,background .2s,transform .2s;display:flex}.about-info:hover{background:#143c2359;border-color:#4ade8040;transform:translateY(-3px)}.about-info__icon{color:#4ade80;background:#4ade8014;border-radius:9px;justify-content:center;align-items:center;min-width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.about-info h3{color:#f1f5f2;margin:0 0 4px;font-size:13px}.about-info p{color:#f1f5f26b;margin:0;font-size:11px;line-height:1.4}.about-actions{gap:12px;margin-top:30px;display:flex}.about-btn{border-radius:999px;align-items:center;gap:10px;padding:12px 20px;font-size:12px;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.about-btn:hover{transform:translateY(-2px)}.about-btn--primary{color:#061009;background:#4ade80;font-weight:700}.about-btn--primary:hover{background:#86efac}.about-btn--secondary{color:#f1f5f2;background:#f1f5f208;border:1px solid #f1f5f22e}.about-skills{border-top:1px solid #4ade8014;margin-top:130px;padding-top:70px}.about-skills__header{justify-content:space-between;align-items:flex-end;margin-bottom:45px;display:flex}.about-skills__header h2{letter-spacing:-.025em;margin:0 0 10px;font-size:38px}.about-skills__header h2 span{color:#4ade80}.about-skills__header p{color:#f1f5f266;margin:0;font-size:13px}.about-years{align-items:center;gap:10px;display:flex}.about-years strong{color:#4ade80;font-size:42px}.about-years span{color:#f1f5f273;font-size:11px;line-height:1.2}.about-technologies{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.about-tech{background:linear-gradient(145deg,#12281b8c,#050f09cc);border:1px solid #4ade8014;border-radius:12px;padding:20px 16px;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.about-tech:hover{border-color:#4ade804d;transform:translateY(-4px)}.about-tech__number{color:#4ade8080;margin-bottom:18px;font-size:10px}.about-tech span{font-size:14px;font-weight:600}.about-tech__line{background:linear-gradient(90deg,#0000,#4ade8080,#0000);width:100%;height:2px;transition:transform .4s;position:absolute;bottom:0;left:0;transform:translate(-100%)}.about-tech:hover .about-tech__line{transform:translate(0)}@media (width<=900px){.about-container{padding:80px 30px}.about-main{grid-template-columns:1fr;gap:60px}.about-visual__frame{width:360px;height:360px}.about-content{max-width:100%}.about-technologies{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.about-container{padding:60px 20px}.about-visual__frame{width:300px;height:300px}.about-info-grid{grid-template-columns:1fr}.about-actions{flex-direction:column}.about-btn{justify-content:center}.about-skills__header{flex-direction:column;align-items:flex-start;gap:25px}.about-technologies{grid-template-columns:1fr 1fr}}.portfolio-page{color:#edf4ef;background:radial-gradient(circle at 50% 0,#30aa691f,#0000 35%),#050807;min-height:100vh;font-family:Inter,system-ui,sans-serif;position:relative;overflow:hidden}.portfolio-glow{pointer-events:none;filter:blur(90px);z-index:0;border-radius:50%;position:absolute}.portfolio-glow--top{background:#25b4691f;width:650px;height:500px;top:-180px;left:35%}.portfolio-glow--middle{background:#22a05b1a;width:650px;height:650px;top:1800px;right:-250px}.portfolio-glow--bottom{background:#2fcd7121;width:700px;height:500px;bottom:-250px;left:20%}.portfolio-nav{z-index:20;-webkit-backdrop-filter:blur(18px);background:#0a100db8;border:1px solid #edf4ef14;border-radius:999px;justify-content:space-between;align-items:center;gap:20px;width:min(1180px,100% - 40px);min-height:62px;margin:24px auto 0;padding:8px 12px 8px 16px;display:flex;position:relative}.portfolio-logo{color:#edf4ef;letter-spacing:.14em;align-items:center;gap:10px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.portfolio-logo__icon{color:#62e99a;background:#4adc8714;border:1px solid #4adc8729;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;display:flex}.portfolio-nav__links{align-items:center;gap:4px;display:flex}.portfolio-nav__links a{color:#edf4ef8c;border-radius:999px;padding:9px 13px;font-size:13px;text-decoration:none;transition:color .2s,background .2s}.portfolio-nav__links a:hover{color:#edf4ef;background:#edf4ef0f}.portfolio-nav__button{color:#061008;background:#72df93;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.portfolio-nav__button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #4bdc7d2e}.portfolio-nav__button svg{width:13px;height:13px}.portfolio-label{color:#69e995;letter-spacing:.2em;font-size:11px;font-weight:700;display:inline-block}.portfolio-section-heading{z-index:2;position:relative}.portfolio-section-heading h2{letter-spacing:-.045em;max-width:700px;margin:14px 0 0;font-size:clamp(40px,5vw,72px);font-weight:700;line-height:.98}.portfolio-section-heading h2 span{color:#62df91}.portfolio-section-heading p{color:#edf4ef85;max-width:560px;margin-top:20px;font-size:15px;line-height:1.7}.portfolio-hero{z-index:2;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;width:min(1180px,100% - 40px);min-height:620px;margin:90px auto 0;display:grid;position:relative}.portfolio-hero__content{z-index:3;position:relative}.portfolio-eyebrow{color:#def6e6cc;letter-spacing:.16em;background:#37b4640d;border:1px solid #5be28b38;border-radius:999px;align-items:center;gap:9px;padding:8px 13px;font-size:11px;font-weight:700;display:inline-flex}.portfolio-eyebrow__dot{background:#5ce98e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #5ce98e}.portfolio-hero h1{letter-spacing:-.065em;margin:28px 0 22px;font-size:clamp(56px,7vw,96px);font-weight:750;line-height:.92}.portfolio-hero h1 span{color:#61df90}.portfolio-hero__description{color:#edf4ef94;max-width:570px;font-size:16px;line-height:1.7}.portfolio-hero__stack{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.portfolio-hero__stack span{color:#edf4ef94;letter-spacing:.06em;background:#edf4ef06;border:1px solid #edf4ef14;border-radius:999px;padding:7px 11px;font-size:11px}.portfolio-hero__actions{align-items:center;gap:12px;margin-top:34px;display:flex}.portfolio-button{border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:45px;padding:0 17px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.portfolio-button svg{width:14px;height:14px}.portfolio-button--primary{color:#061008;background:#70df93}.portfolio-button--primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #52dc7c33}.portfolio-button--secondary{color:#edf4efb8;background:#edf4ef08;border:1px solid #edf4ef1a}.portfolio-button--secondary:hover{color:#fff;background:#edf4ef0f;transform:translateY(-2px)}.portfolio-button--large{min-height:50px;padding:0 24px}.portfolio-hero__visual{justify-content:center;align-items:center;min-height:560px;display:flex;position:relative}.portfolio-photo-glow{filter:blur(70px);background:#31dc7026;border-radius:50%;width:400px;height:400px;position:absolute}.portfolio-photo-frame{background:linear-gradient(145deg,#4edc7d1f,#080e0be6 45%);border:1px solid #67e68f33;border-radius:22px;width:min(400px,100%);height:510px;padding:12px;position:relative;transform:rotate(2deg);box-shadow:0 30px 80px #00000080,inset 0 0 50px #41d7730a}.portfolio-photo{object-fit:cover;filter:saturate(.85)contrast(1.05);border-radius:15px;width:100%;height:calc(100% - 48px);display:block}.portfolio-photo-frame__top,.portfolio-photo-frame__bottom{color:#e1f7e885;letter-spacing:.16em;justify-content:space-between;font-size:9px;font-weight:700;display:flex;position:absolute;left:26px;right:26px}.portfolio-photo-frame__top{top:20px}.portfolio-photo-frame__bottom{bottom:17px}.portfolio-floating-card{z-index:5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a110dd1;border:1px solid #edf4ef1a;border-radius:12px;align-items:center;gap:10px;padding:11px 14px;display:flex;position:absolute;box-shadow:0 15px 40px #00000059}.portfolio-floating-card--one{bottom:100px;left:0}.portfolio-floating-card--two{top:110px;right:-5px}.portfolio-floating-card strong,.portfolio-floating-card small{display:block}.portfolio-floating-card strong{font-size:12px}.portfolio-floating-card small{color:#edf4ef66;margin-top:2px;font-size:9px}.portfolio-floating-card__icon{color:#65e894;background:#4adc8714;border-radius:8px;justify-content:center;align-items:center;width:29px;height:29px;display:flex}.portfolio-floating-card__icon svg{width:14px;height:14px}.portfolio-status-dot{background:#5ce98e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #5ce98e}.portfolio-about{z-index:2;border-top:1px solid #edf4ef12;width:min(1180px,100% - 40px);margin:100px auto 0;padding-top:100px;position:relative}.portfolio-about__grid{grid-template-columns:1.3fr .7fr;gap:100px;margin-top:60px;display:grid}.portfolio-about__intro p{color:#edf4ef99;max-width:730px;margin:0 0 24px;font-size:16px;line-height:1.8}.portfolio-about__intro strong{color:#dcefe2}.portfolio-about__stats{grid-template-columns:1fr;gap:12px;display:grid}.portfolio-stat{background:#edf4ef06;border:1px solid #edf4ef14;border-radius:14px;justify-content:space-between;align-items:center;padding:20px;display:flex}.portfolio-stat strong{color:#64df91;letter-spacing:-.05em;font-size:42px;line-height:1}.portfolio-stat span{color:#edf4ef73;text-align:right;font-size:11px;line-height:1.4}.portfolio-education{z-index:2;width:min(1180px,100% - 40px);margin:130px auto 0;position:relative}.portfolio-timeline{margin-top:65px;padding-left:25px;position:relative}.portfolio-timeline:before{content:"";background:linear-gradient(#5ee38bb3,#5ee38b0d);width:1px;position:absolute;top:0;bottom:0;left:4px}.portfolio-timeline__item{grid-template-columns:150px 1fr;gap:45px;padding:0 0 65px 40px;display:grid;position:relative}.portfolio-timeline__marker{background:#071009;border:1px solid #5be48ab3;border-radius:50%;justify-content:center;align-items:center;width:13px;height:13px;display:flex;position:absolute;top:4px;left:-2px}.portfolio-timeline__marker span{background:#64e694;border-radius:50%;width:5px;height:5px;box-shadow:0 0 9px #64e694}.portfolio-timeline__period{color:#61df90;letter-spacing:.1em;font-size:11px;font-weight:700}.portfolio-timeline__content>span{color:#edf4ef61;letter-spacing:.15em;font-size:11px;font-weight:700}.portfolio-timeline__content h3{margin:9px 0 13px;font-size:24px}.portfolio-timeline__content p{color:#edf4ef85;max-width:720px;font-size:14px;line-height:1.7}.portfolio-skills{z-index:2;border-top:1px solid #edf4ef12;width:min(1180px,100% - 40px);margin:100px auto 0;padding-top:100px;position:relative}.portfolio-skills__grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:60px;display:grid}.portfolio-skill-card{background:linear-gradient(145deg,#319a5b0d,#edf4ef05);border:1px solid #edf4ef14;border-radius:16px;min-height:220px;padding:22px;transition:transform .25s,border-color .25s,background .25s}.portfolio-skill-card:hover{background:linear-gradient(145deg,#319a5b1a,#edf4ef06);border-color:#5be28b40;transform:translateY(-5px)}.portfolio-skill-card__header{border-bottom:1px solid #edf4ef12;align-items:center;gap:13px;padding-bottom:18px;display:flex}.portfolio-skill-card__header span{color:#5edf8d;font-size:10px;font-weight:700}.portfolio-skill-card__header h3{letter-spacing:.12em;margin:0;font-size:12px}.portfolio-skill-card__items{flex-wrap:wrap;gap:7px;padding-top:20px;display:flex}.portfolio-skill-card__items span{color:#edf4ef85;background:#edf4ef06;border:1px solid #edf4ef12;border-radius:7px;padding:7px 9px;font-size:10px}.portfolio-projects{z-index:2;width:min(1180px,100% - 40px);margin:130px auto 0;position:relative}.portfolio-projects__list{border-top:1px solid #edf4ef14;margin-top:60px}.portfolio-project{border-bottom:1px solid #edf4ef14;grid-template-columns:80px 1fr 50px;align-items:center;gap:30px;padding:30px 0;transition:padding .25s;display:grid}.portfolio-project:hover{padding-left:10px}.portfolio-project__number{color:#62df918c;font-size:13px;font-weight:700}.portfolio-project__content h3{margin:0 0 9px;font-size:23px}.portfolio-project__content p{color:#edf4ef80;max-width:700px;margin:0 0 12px;font-size:13px;line-height:1.6}.portfolio-project__tech{color:#5edf8c;letter-spacing:.1em;font-size:10px;font-weight:700}.portfolio-project__link{color:#edf4efa6;background:#edf4ef08;border:1px solid #edf4ef1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s,color .2s,transform .2s;display:flex}.portfolio-project__link:hover{color:#061008;background:#69df91;transform:rotate(45deg)}.portfolio-project__link svg{width:15px;height:15px}.portfolio-extra{z-index:2;grid-template-columns:1fr 1fr;gap:14px;width:min(1180px,100% - 40px);margin:130px auto 0;display:grid;position:relative}.portfolio-extra__box{background:#edf4ef06;border:1px solid #edf4ef14;border-radius:18px;padding:30px}.portfolio-extra__box h2{margin:12px 0 25px;font-size:30px}.portfolio-language{border-top:1px solid #edf4ef12;grid-template-columns:40px 1fr auto;align-items:center;gap:15px;padding:15px 0;display:grid}.portfolio-language span{color:#5edf8c;font-size:10px}.portfolio-language strong{font-size:14px}.portfolio-language small{color:#edf4ef66;font-size:10px}.portfolio-certifications{flex-direction:column;display:flex}.portfolio-certification{color:#edf4ef9e;border-top:1px solid #edf4ef12;align-items:center;gap:11px;padding:13px 0;font-size:12px;display:flex}.portfolio-certification svg{color:#5edf8c;flex-shrink:0;width:16px;height:16px}.portfolio-cta{z-index:2;text-align:center;background:radial-gradient(circle,#32be6429,#0000 65%),#edf4ef06;border:1px solid #57dc831f;border-radius:24px;width:min(1180px,100% - 40px);margin:150px auto 0;padding:100px 40px;position:relative;overflow:hidden}.portfolio-cta__glow{filter:blur(70px);pointer-events:none;background:#38da701a;border-radius:50%;width:450px;height:250px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio-cta h2{z-index:2;letter-spacing:-.05em;margin:18px 0;font-size:clamp(42px,6vw,76px);line-height:.95;position:relative}.portfolio-cta h2 span{color:#62df90}.portfolio-cta p{z-index:2;color:#edf4ef80;max-width:500px;margin:0 auto 30px;font-size:14px;line-height:1.7;position:relative}.portfolio-cta .portfolio-button{z-index:2;position:relative}.portfolio-footer{z-index:2;border-top:1px solid #edf4ef14;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1180px,100% - 40px);margin:80px auto 0;padding:35px 0;display:grid;position:relative}.portfolio-footer strong,.portfolio-footer span{display:block}.portfolio-footer strong{letter-spacing:.14em;font-size:12px}.portfolio-footer>div>span{color:#edf4ef59;margin-top:5px;font-size:10px}.portfolio-footer__links{gap:20px;display:flex}.portfolio-footer__links a{color:#edf4ef73;font-size:11px;text-decoration:none;transition:color .2s}.portfolio-footer__links a:hover{color:#65df90}.portfolio-footer__copy{text-align:right;color:#edf4ef4d!important;font-size:10px!important}@media (width<=950px){.portfolio-nav__links{display:none}.portfolio-hero{text-align:center;grid-template-columns:1fr;margin-top:70px}.portfolio-hero__description{margin-left:auto;margin-right:auto}.portfolio-hero__stack,.portfolio-hero__actions{justify-content:center}.portfolio-hero__visual{min-height:520px}.portfolio-about__grid{grid-template-columns:1fr;gap:50px}.portfolio-skills__grid{grid-template-columns:repeat(2,1fr)}.portfolio-extra{grid-template-columns:1fr}.portfolio-footer{text-align:center;grid-template-columns:1fr;gap:25px}.portfolio-footer__links{justify-content:center}.portfolio-footer__copy{text-align:center}}@media (width<=620px){.portfolio-nav{width:calc(100% - 24px)}.portfolio-nav__button{padding:9px 12px;font-size:11px}.portfolio-hero,.portfolio-about,.portfolio-education,.portfolio-skills,.portfolio-projects,.portfolio-extra,.portfolio-cta,.portfolio-footer{width:calc(100% - 28px)}.portfolio-hero{margin-top:50px}.portfolio-hero h1{font-size:clamp(48px,14vw,68px)}.portfolio-hero__actions{flex-direction:column;align-items:stretch}.portfolio-button{width:100%}.portfolio-hero__visual{min-height:450px}.portfolio-photo-frame{width:min(330px,90%);height:430px}.portfolio-floating-card--one{bottom:65px;left:-5px}.portfolio-floating-card--two{top:65px;right:-5px}.portfolio-about,.portfolio-skills{padding-top:70px}.portfolio-section-heading h2{font-size:43px}.portfolio-skills__grid{grid-template-columns:1fr}.portfolio-timeline{padding-left:15px}.portfolio-timeline__item{grid-template-columns:1fr;gap:10px;padding-left:30px}.portfolio-timeline__period{order:1}.portfolio-timeline__content{order:2}.portfolio-project{grid-template-columns:40px 1fr 40px;gap:10px}.portfolio-project__content h3{font-size:18px}.portfolio-project__content p{font-size:12px}.portfolio-project__link{width:34px;height:34px}.portfolio-extra__box{padding:22px}.portfolio-cta{padding:70px 22px}.portfolio-cta h2{font-size:44px}}.resume-page{color:#f2f5f3;background:radial-gradient(circle at 80% 10%,#36d36d14,#0000 30%),#06110b;min-height:100vh;padding:70px 7%}.resume-header{justify-content:space-between;align-items:flex-end;gap:40px;max-width:1180px;margin:0 auto 45px;display:flex}.resume-heading{max-width:650px}.resume-label{letter-spacing:4px;color:#55d982;margin-bottom:14px;font-size:11px;font-weight:600;display:block}.resume-heading h1{letter-spacing:-2px;margin:0;font-size:clamp(42px,5vw,68px);font-weight:500;line-height:1}.resume-heading h1 span{color:#55d982}.resume-heading p{color:#87958d;max-width:570px;margin:22px 0 0;font-size:15px;line-height:1.8}.resume-actions{flex-shrink:0;gap:12px;display:flex}.resume-button{border-radius:6px;align-items:center;gap:9px;height:48px;padding:0 20px;font-size:12px;font-weight:600;text-decoration:none;transition:transform .25s,background .25s,border-color .25s;display:flex}.resume-button svg{width:17px;height:17px}.resume-button:hover{transform:translateY(-2px)}.resume-button--outline{color:#dbe5df;background:#ffffff05;border:1px solid #31563e}.resume-button--outline:hover{border-color:#55d982}.resume-button--primary{color:#041009;background:#55d982;border:1px solid #55d982}.resume-button--primary:hover{background:#73e998}.resume-viewer{background:#0b0d0c;border:1px solid #1c3426;border-radius:12px;max-width:1180px;margin:0 auto;overflow:hidden;box-shadow:0 25px 80px #00000059}.resume-viewer__top{background:#0c1510;border-bottom:1px solid #1c3426;justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex}.resume-status{color:#b8c6be;align-items:center;gap:9px;font-size:12px;display:flex}.resume-status__dot{background:#55d982;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #55d982b3}.resume-format{color:#526159;letter-spacing:2px;font-size:10px;font-weight:600}.resume-document{background:#161616;width:100%;height:820px}.resume-document iframe{border:none;width:100%;height:100%;display:block}.resume-footer{background:#1c3426;border:1px solid #1c3426;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:1px;max-width:1180px;margin:28px auto 0;display:grid;overflow:hidden}.resume-footer>div{background:#08120c;padding:22px 24px}.resume-footer span{color:#53635a;letter-spacing:2px;margin-bottom:8px;font-size:9px;font-weight:600;display:block}.resume-footer strong{color:#b8c6be;font-size:13px;font-weight:500;display:block}@media (width<=850px){.resume-page{padding:50px 5%}.resume-header{flex-direction:column;align-items:flex-start}.resume-actions{width:100%}.resume-button{flex:1;justify-content:center}.resume-document{height:700px}.resume-footer{grid-template-columns:1fr}}@media (width<=500px){.resume-page{padding:35px 20px}.resume-heading h1{font-size:42px}.resume-actions{flex-direction:column}.resume-button{width:100%}.resume-document{height:600px}}.projects-page{color:#f2f5f3;background:radial-gradient(circle at 85% 10%,#37b46414,#0000 30%),#06110c;min-height:100vh;padding:90px 7%}.projects-header{text-align:center;max-width:850px;margin:0 auto 80px}.projects-header__label{color:#72e09a;letter-spacing:.3em;text-transform:uppercase;margin:0 0 16px;font-size:.75rem;font-weight:600}.projects-header__title{letter-spacing:-.05em;margin:0;font-size:clamp(3rem,7vw,6rem);font-weight:700;line-height:.95}.projects-header__title span{color:#72e09a}.projects-header__description{color:#f2f5f394;max-width:600px;margin:25px auto 0;font-size:1rem;line-height:1.7}.projects-list{flex-direction:column;gap:100px;max-width:1200px;margin:0 auto;display:flex}.project-card{background:#050f0ad9;border:1px solid #72e09a33;border-radius:18px;transition:transform .4s,border-color .4s,box-shadow .4s;overflow:hidden}.project-card:hover{border-color:#72e09a8c;transform:translateY(-8px);box-shadow:0 25px 80px #00000059,0 0 40px #72e09a0f}.project-card__image-wrapper{background:#020604;border-bottom:1px solid #72e09a1f;width:100%;position:relative;overflow:hidden}.project-card__image{object-fit:contain;width:100%;height:auto;transition:transform .7s;display:block}.project-card:hover .project-card__image{transform:scale(1.015)}.project-card__overlay{pointer-events:none;background:linear-gradient(#00000005,#00000026);position:absolute;inset:0}.project-card__number{color:#72e09a;letter-spacing:.1em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040f09bf;border:1px solid #72e09a66;border-radius:999px;padding:8px 13px;font-size:.75rem;font-weight:600;position:absolute;top:25px;left:25px}.project-card__content{justify-content:space-between;align-items:flex-end;gap:40px;padding:35px 40px 40px;display:flex}.project-card__info{max-width:720px}.project-card__info h2{letter-spacing:-.04em;margin:0 0 14px;font-size:clamp(2rem,4vw,3.2rem);font-weight:600}.project-card__info p{color:#f2f5f399;max-width:650px;margin:0 0 25px;font-size:.95rem;line-height:1.7}.project-card__technologies{flex-wrap:wrap;gap:8px;display:flex}.project-card__technologies span{color:#f2f5f3b8;letter-spacing:.04em;background:#72e09a0a;border:1px solid #72e09a2e;border-radius:999px;padding:7px 12px;font-size:.72rem}.project-card__actions{flex-direction:column;align-items:flex-end;gap:12px;min-width:150px;display:flex}.project-card__actions a{color:#72e09a;align-items:center;gap:8px;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .3s,transform .3s;display:inline-flex}.project-card__actions a:hover{color:#a2f5bb;transform:translate(5px)}@media (width<=800px){.projects-page{padding:70px 5%}.projects-header{margin-bottom:55px}.projects-list{gap:60px}.project-card__content{flex-direction:column;align-items:flex-start;padding:28px}.project-card__actions{flex-direction:row;align-items:center}}@media (width<=500px){.projects-page{padding:60px 20px}.project-card{border-radius:14px}.project-card__content{padding:24px}.project-card__number{padding:7px 11px;font-size:.7rem;top:15px;left:15px}.project-card__info h2{font-size:2rem}.project-card__info p{font-size:.9rem}.project-card__technologies span{padding:6px 10px;font-size:.68rem}}