*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background:#0a0a0f;color:#e8e6f0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden;line-height:1.6}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0a0f}::-webkit-scrollbar-thumb{background:#9382ff4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9382ff80}:root{--bg: #0a0a0f;--bg-secondary: #111118;--bg-card: #16161e;--text: #e8e6f0;--text-dim: #8a879a;--text-muted: #5a576a;--accent: #9382ff;--accent-glow: rgba(147, 130, 255, .3);--accent2: #ff6b6b;--accent3: #4ecdc4;--border: rgba(255, 255, 255, .06);--radius: 16px;--font-main: "Inter", -apple-system, sans-serif;--font-display: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace}.app{background:var(--bg);color:var(--text);font-family:var(--font-main);min-height:100vh;overflow-x:hidden;cursor:none}.app *{cursor:none}html{scroll-behavior:smooth}::selection{background:var(--accent);color:var(--bg)}.accent{color:var(--accent);position:relative}.particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.cursor-ring{position:fixed;top:0;left:0;width:40px;height:40px;border:2px solid var(--accent);border-radius:50%;pointer-events:none;z-index:10000;transition:width .3s,height .3s,border-color .3s;mix-blend-mode:difference}.cursor-dot{position:fixed;top:0;left:0;width:8px;height:8px;background:var(--accent);border-radius:50%;pointer-events:none;z-index:10001}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--accent3));transform-origin:left;z-index:9999}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.2rem 3rem;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#0a0a0fb3;border-bottom:1px solid var(--border)}.nav-logo{height:50px;display:flex;align-items:center;position:relative}.nav-logo>p{font-family:var(--font-display);font-weight:700;position:relative;left:-2rem;bottom:-1rem;color:#7fd300}.nav-links{display:flex;gap:2rem}.nav-link{color:var(--text-dim);text-decoration:none;font-size:.88rem;font-weight:500;letter-spacing:.5px;transition:color .3s;position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0%;height:2px;background:var(--accent);transition:width .3s ease}.nav-link:hover,.nav-link.active{color:var(--accent)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-time{font-family:var(--font-mono);font-size:.82rem;color:var(--text-muted);letter-spacing:1px}.nav-right{display:flex;align-items:center;gap:1rem}.lang-switcher{display:flex;gap:.35rem;background:#ffffff0a;border:1px solid var(--border);border-radius:8px;padding:.25rem}.lang-btn{display:flex;align-items:center;gap:.3rem;padding:.3rem .6rem;border:none;border-radius:6px;background:transparent;color:var(--text-dim);font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.5px;transition:all .25s ease;cursor:none}.lang-btn:hover{color:var(--text);background:#ffffff0f}.lang-btn.lang-active{color:var(--accent);background:#9382ff1f;box-shadow:0 0 12px #9382ff26}.lang-flag{font-size:.9rem;line-height:1}.lang-code{text-transform:uppercase}.glitch{position:relative;display:inline-block;color:var(--text)}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.glitch:hover:before{animation:glitch1 .3s infinite;color:var(--accent2);opacity:.8;clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}.glitch:hover:after{animation:glitch2 .3s infinite;color:var(--accent3);opacity:.8;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%)}@keyframes glitch1{0%{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(-3px,-3px)}60%{transform:translate(3px,3px)}80%{transform:translate(3px,-3px)}to{transform:translate(0)}}@keyframes glitch2{0%{transform:translate(0)}20%{transform:translate(3px,-3px)}40%{transform:translate(3px,3px)}60%{transform:translate(-3px,-3px)}80%{transform:translate(-3px,3px)}to{transform:translate(0)}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;z-index:1;overflow:hidden}.hero-content{text-align:center;max-width:900px;padding:0 2rem}.hero-badge{display:inline-flex;align-items:center;gap:.6rem;padding:.5rem 1.2rem;border-radius:999px;background:#9382ff1a;border:1px solid rgba(147,130,255,.25);font-size:.85rem;color:var(--accent);margin-bottom:2rem;font-weight:500}.badge-dot{width:8px;height:8px;border-radius:50%;background:#4ecdc4;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 #4ecdc480}50%{opacity:.8;box-shadow:0 0 0 8px #4ecdc400}}.hero-title-wrap{margin-bottom:2.5rem}.reveal-wrap{overflow:hidden}.hero-greeting{font-family:var(--font-mono);font-size:1.1rem;color:var(--accent);letter-spacing:2px;margin-bottom:.5rem}.hero-name{font-family:var(--font-display);font-size:clamp(3rem,8vw,6rem);font-weight:800;line-height:1.1;letter-spacing:-2px;margin-bottom:1rem}.hero-letter{background:linear-gradient(135deg,#fff 0%,#e8e6f0 30%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:text-shadow .3s;will-change:transform,opacity,filter}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.35rem);color:var(--text-dim);line-height:1.6;max-width:600px;margin:0 auto;font-weight:400}.hero-cta{display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap}.magnetic-btn{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;border:none;font-family:var(--font-main);font-weight:600;font-size:.95rem;transition:transform .2s ease,box-shadow .3s}.btn-primary{padding:1rem 2.2rem;background:linear-gradient(135deg,var(--accent),#7b6bef);color:#fff;border-radius:999px;box-shadow:0 4px 20px var(--accent-glow);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#7b6bef,var(--accent));opacity:0;transition:opacity .3s}.btn-primary:hover:before{opacity:1}.btn-primary:hover{box-shadow:0 8px 40px var(--accent-glow)}.btn-primary span{position:relative;z-index:1}.btn-arrow{transition:transform .3s}.btn-primary:hover .btn-arrow{transform:translate(4px)}.btn-outline{padding:1rem 2.2rem;background:transparent;color:var(--text);border-radius:999px;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-outline:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 20px #9382ff26}.hero-scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.8rem}.hero-scroll-indicator span{font-size:.75rem;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase}.scroll-line{width:2px;height:30px;background:linear-gradient(to bottom,var(--accent),transparent);border-radius:1px}.floating-shape{position:absolute;border-radius:50%;opacity:.08;pointer-events:none}.shape-0{width:300px;height:300px;background:var(--accent);top:10%;left:5%;filter:blur(80px)}.shape-1{width:200px;height:200px;background:var(--accent2);top:60%;right:10%;filter:blur(60px)}.shape-2{width:250px;height:250px;background:var(--accent3);bottom:10%;left:30%;filter:blur(70px)}.shape-3{width:150px;height:150px;background:#ffe66d;top:20%;right:25%;filter:blur(50px)}.shape-4{width:180px;height:180px;background:#ff8a5c;bottom:30%;right:5%;filter:blur(60px)}.shape-5{width:120px;height:120px;background:var(--accent);top:50%;left:15%;filter:blur(40px)}.marquee-container{position:relative;z-index:1;padding:2rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#0a0a0f80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.marquee-track{display:flex;white-space:nowrap;width:max-content}.marquee-text{font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:var(--text-muted);letter-spacing:4px;text-transform:uppercase;padding-right:2rem}.section{position:relative;z-index:1;padding:8rem 2rem}.section-inner{max-width:1100px;margin:0 auto}.section-tag{font-family:var(--font-mono);font-size:.85rem;color:var(--accent);letter-spacing:2px;display:block;margin-bottom:1rem}.section-heading{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.5rem);font-weight:700;letter-spacing:-1px;line-height:1.2;margin-bottom:3rem}.section-loading{color:#e8e6f080;font-family:var(--font-mono);font-size:.9rem;text-align:center;padding:2rem 0}.about-text{font-size:1.15rem;line-height:1.8;color:var(--text-dim);max-width:700px;margin-bottom:1.5rem}.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:2.5rem}.stat{padding:1.2rem .8rem;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);text-align:center;transition:transform .3s,border-color .3s,box-shadow .3s}.stat:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 8px 30px #9382ff1a}.stat-num{display:block;font-family:var(--font-display);font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.4rem}.stat-label{font-size:.78rem;color:var(--text-muted);letter-spacing:.3px}.skills-tabs{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2rem;margin-bottom:2rem}.skills-tab{padding:.45rem 1rem;border-radius:50px;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-family:var(--font-main);font-size:.78rem;font-weight:500;letter-spacing:.3px;transition:all .25s ease;cursor:none}.skills-tab:hover{color:var(--text);border-color:#9382ff4d;background:#9382ff0f}.skills-tab--active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 20px #9382ff59}.skills-tab--active:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.skill-icon-small{font-size:1rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.4rem;perspective:1000px}.project-card{position:relative}.project-card-inner{position:relative;padding:1.8rem 1.5rem;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;transition:transform .4s ease,border-color .3s,box-shadow .4s}.project-card:hover .project-card-inner{border-color:#9382ff4d;transform:translateY(-8px);box-shadow:0 20px 60px #0000004d,0 0 40px #9382ff14}.project-spotlight{position:absolute;inset:0;opacity:0;transition:opacity .4s;background:radial-gradient(300px circle at var(--mouse-x) var(--mouse-y),rgba(147,130,255,.08),transparent 80%);pointer-events:none}.project-card:hover .project-spotlight{opacity:1}.project-number{font-family:var(--font-display);font-size:4rem;font-weight:900;color:#9382ff14;position:absolute;top:.5rem;right:1.2rem;line-height:1}.project-emoji{font-size:2.5rem;margin-bottom:1rem}.project-title{font-family:var(--font-display);font-size:1.4rem;font-weight:700;margin-bottom:.8rem;color:var(--text)}.project-desc{font-size:.92rem;line-height:1.7;color:var(--text-dim);margin-bottom:1.2rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{display:inline-block;padding:.3rem .8rem;font-size:.75rem;font-weight:500;color:var(--accent);background:#9382ff1a;border-radius:999px;border:1px solid rgba(147,130,255,.15);letter-spacing:.3px}.project-glow{position:absolute;bottom:-50%;left:50%;transform:translate(-50%);width:200%;height:200%;background:radial-gradient(circle,rgba(147,130,255,.06) 0%,transparent 60%);pointer-events:none}.experience-section{position:relative}.tl{position:relative;max-width:920px;margin:3rem auto 0}.tl-line{position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translate(-50%);background:linear-gradient(180deg,transparent 0%,rgba(147,130,255,.5) 8%,rgba(147,130,255,.3) 50%,rgba(78,205,196,.25) 90%,transparent 100%);box-shadow:0 0 8px #9382ff1f}.tl-item{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;margin-bottom:3.5rem}.tl-dot-wrap{display:flex;justify-content:center;padding-top:1.2rem;width:3rem;z-index:3}.tl-dot{display:block;width:12px;height:12px;border-radius:50%;background:var(--bg);border:2.5px solid rgba(147,130,255,.45);box-shadow:0 0 8px #9382ff33;transition:box-shadow .3s ease,transform .3s ease,border-color .3s ease}.tl-dot--active{width:14px;height:14px;border-color:var(--accent);background:#9382ff26;box-shadow:0 0 12px #9382ff80,0 0 24px #9382ff33;animation:dotPulse 2.5s ease-in-out infinite}@keyframes dotPulse{0%,to{box-shadow:0 0 12px #9382ff80,0 0 24px #9382ff33}50%{box-shadow:0 0 18px #9382ffb3,0 0 36px #9382ff4d}}.tl-item:hover .tl-dot{border-color:var(--accent);box-shadow:0 0 16px #9382ff80,0 0 32px #9382ff26;transform:scale(1.25)}.tl-opposite{display:grid;align-items:center;padding-top:1rem;min-height:3rem}.tl-company-opposite{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text);letter-spacing:-.2px;white-space:nowrap;cursor:pointer}.tl-company-time{font-size:.75rem;text-align:right;font-family:var(--font-display);color:var(--accent)}.tl-item--left .tl-card{order:1}.tl-item--left .tl-dot-wrap{order:2}.tl-item--left .tl-opposite{order:3;justify-content:flex-start;padding-left:1rem}.tl-item--right .tl-opposite{order:1;justify-content:flex-end;padding-right:1rem}.tl-item--right .tl-dot-wrap{order:2}.tl-item--right .tl-card{order:3}.tl-card{position:relative;padding:1.4rem 1.5rem;background:#16161ea6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:14px;border:1px solid rgba(255,255,255,.06);transition:transform .35s ease,border-color .3s ease,box-shadow .35s ease}.tl-card:hover{transform:translateY(-4px);border-color:#9382ff33;box-shadow:0 8px 32px #9382ff14}.tl-period{font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(135deg,var(--accent),var(--accent3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tl-duration{font-weight:400;opacity:.7}.tl-role{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text);margin:.4rem 0 .15rem;letter-spacing:-.3px}.tl-desc{font-size:.82rem;color:var(--text-dim);line-height:1.65;margin-top:.4rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.contact-section{padding-bottom:4rem}.contact-inner{text-align:center}.contact-heading{margin-left:auto;margin-right:auto}.contact-text{font-size:1.15rem;color:var(--text-dim);max-width:550px;margin:0 auto 3rem;line-height:1.7}.contact-links{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;text-align:center}.contact-link{display:flex;align-items:center;gap:.6rem;padding:.7rem 1.3rem;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);color:var(--text);text-decoration:none;font-size:.85rem;font-weight:500;transition:border-color .3s ease,box-shadow .3s ease,color .3s ease,transform .25s ease}.contact-link:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 4px 20px #9382ff1a}.contact-link-icon{font-size:1.3rem}.contact-form-card{max-width:560px;margin:2.5rem auto 0;background:linear-gradient(145deg,#16161ecc,#0f0f18e6);border:1px solid var(--border);border-radius:20px;padding:2.2rem 2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden}.contact-form-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.3}.contact-form-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text);margin-bottom:1.5rem;text-align:center}.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.contact-form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem;text-align:left}.contact-form-label{font-size:.8rem;font-weight:500;color:var(--text-dim);letter-spacing:.02em}.contact-form-input,.contact-form-textarea{width:100%;padding:.7rem .9rem;background:#ffffff0a;border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:var(--font-main);font-size:.9rem;outline:none;transition:border-color .3s ease,box-shadow .3s ease,background .3s ease;box-sizing:border-box}.contact-form-input::placeholder,.contact-form-textarea::placeholder{color:var(--text-muted)}.contact-form-input:focus,.contact-form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:#ffffff0f}.contact-form-textarea{resize:vertical;min-height:100px}.contact-form-btn{width:100%;padding:.85rem 1.5rem;border:none;border-radius:12px;font-family:var(--font-main);font-size:.95rem;font-weight:600;cursor:pointer;background:linear-gradient(135deg,var(--accent),#6c63ff);color:#fff;transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease;position:relative;overflow:hidden;margin-top:.5rem}.contact-form-btn:hover:not(:disabled){box-shadow:0 6px 28px var(--accent-glow)}.contact-form-btn:disabled{opacity:.5;cursor:not-allowed}.contact-form-btn--ghost{background:transparent;border:1px solid var(--border);color:var(--text-dim);width:auto;padding:.65rem 1.5rem;margin-top:1.2rem}.contact-form-btn--ghost:hover{background:#ffffff0a;color:var(--text);border-color:#ffffff1f}.contact-form-btn__sending{display:inline-flex;align-items:center;gap:.5rem}.contact-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:contactSpin .7s linear infinite}@keyframes contactSpin{to{transform:rotate(360deg)}}.contact-form-error{color:var(--accent2);font-size:.85rem;margin:.5rem 0}.contact-form-success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1rem;min-height:280px}.contact-success-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#4ecdc4);color:#fff;font-size:1.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem;box-shadow:0 0 30px var(--accent-glow)}.contact-success-title{font-family:var(--font-display);font-size:1.3rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.contact-success-text{color:var(--text-dim);font-size:.95rem;line-height:1.6;max-width:360px}.footer{position:relative;z-index:1;padding:3rem 2rem;border-top:1px solid var(--border);text-align:center}.footer-inner p{font-size:.88rem;color:var(--text-muted);margin-bottom:.3rem}.footer-year{font-family:var(--font-mono);font-size:.8rem;letter-spacing:1px}.resume-section{position:relative;overflow:hidden}.resume-inner{text-align:center;max-width:1100px;margin:0 auto}.resume-heading{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em}.resume-subtitle{color:var(--text-dim);font-size:1rem;max-width:520px;margin:.5rem auto 2.5rem;line-height:1.6}.resume-grid{display:grid;grid-template-columns:repeat(4,auto);gap:1.5rem;justify-content:center;justify-items:center;padding:0 1rem}.resume-card{border-radius:18px;overflow:hidden;position:relative}.resume-actions{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2.5rem;flex-wrap:wrap}.resume-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.8rem;border-radius:12px;font-family:var(--font-main);font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;text-decoration:none}.resume-btn--primary{background:linear-gradient(135deg,var(--accent),#6c63ff);color:#fff;border:none}.resume-btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 28px var(--accent-glow)}.resume-btn--ghost{background:transparent;border:1px solid var(--border);color:var(--text-dim)}.resume-btn--ghost:hover{background:#ffffff0a;color:var(--text);transform:translateY(-2px)}.resume-modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:1rem;overflow:hidden}.resume-modal{position:relative;width:100%;max-width:900px;height:min(90vh,800px);background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid rgba(147,130,255,.15);border-radius:1.5rem;box-shadow:0 25px 80px #00000080,0 0 60px #9382ff1a;display:flex;flex-direction:column;overflow:hidden}.resume-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06);background:#0003;flex-shrink:0}.resume-modal__title{font-size:1.25rem;font-weight:600;color:var(--text);margin:0}.resume-modal__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-dim);cursor:pointer;transition:all .25s ease;flex-shrink:0}.resume-modal__close:hover{background:#ff6b6b26;border-color:#ff6b6b4d;color:#ff6b6b;transform:rotate(90deg)}.resume-modal__content{flex:1;min-height:0;padding:1.5rem;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:1rem;background:#00000026;scrollbar-width:thin;scrollbar-color:rgba(147,130,255,.3) transparent}.resume-modal__content::-webkit-scrollbar{width:4px}.resume-modal__content::-webkit-scrollbar-track{background:transparent}.resume-modal__content::-webkit-scrollbar-thumb{background:#9382ff4d;border-radius:2px}.resume-modal__iframe{width:100%;flex:1;min-height:300px;border:none;border-radius:12px;background:#fff}.resume-modal__image{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;box-shadow:0 10px 40px #0000004d}.resume-modal__actions{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.25rem 1.5rem;border-top:1px solid rgba(255,255,255,.06);background:#0003;flex-shrink:0}.resume-modal__btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:12px;font-family:var(--font-main);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.resume-modal__btn--primary{background:linear-gradient(135deg,var(--accent),#6c63ff);color:#fff;box-shadow:0 4px 20px var(--accent-glow)}.resume-modal__btn--primary:hover{box-shadow:0 6px 30px var(--accent-glow);transform:translateY(-2px)}.resume-modal__btn--secondary{background:#ffffff0d;border:1px solid var(--border);color:var(--text-dim)}.resume-modal__btn--secondary:hover{background:#ffffff1a;color:var(--text);border-color:#9382ff4d;transform:translateY(-2px)}@media(max-width:768px){.nav{padding:1rem 1.5rem}.nav-links,.nav-time{display:none}.nav-right{gap:.5rem}.lang-btn{padding:.25rem .4rem;font-size:.7rem}.section{padding:5rem 1.5rem}.hero-cta{flex-direction:column;align-items:center}.skills-grid{grid-template-columns:repeat(2,1fr)}.skills-tabs{justify-content:center}.projects-grid{grid-template-columns:1fr}.about-stats{grid-template-columns:repeat(2,1fr)}.contact-links{align-items:center}.contact-form-card{padding:1.5rem 1.2rem;margin-top:2rem}.contact-form-row{grid-template-columns:1fr;gap:0}.contact-form-title{font-size:1.1rem}.cursor-ring,.cursor-dot{display:none}.app,.app *{cursor:auto}.tl{max-width:100%}.tl-line{left:16px}.tl-item{display:flex;flex-direction:column;padding-left:2.8rem}.tl-dot-wrap{position:absolute;left:0;top:0;width:auto;padding-top:.3rem}.tl-opposite{order:1!important;padding:0 0 .3rem;justify-content:flex-start!important}.tl-card{order:2!important}.tl-company-opposite{font-size:.9rem}.resume-grid{grid-template-columns:repeat(2,1fr);gap:1rem;max-width:340px;margin:0 auto}.resume-subtitle{font-size:.9rem}.resume-actions{flex-direction:column}.resume-modal-overlay{padding:0;align-items:flex-end}.resume-modal{height:92vh;max-height:92vh;border-radius:1.25rem 1.25rem 0 0;width:100%}.resume-modal__header{padding:1rem 1.25rem}.resume-modal__title{font-size:1.1rem}.resume-modal__content{padding:1rem}.resume-modal__actions{flex-direction:column;padding:1rem 1.25rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}.resume-modal__btn{width:100%;justify-content:center;padding:.875rem 1.5rem}}@media(max-width:1024px){.resume-grid{grid-template-columns:repeat(2,auto);gap:1.2rem}}._card_b0j3d_5{position:relative;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1.1rem .6rem .9rem;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;cursor:default;will-change:transform;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}._card_b0j3d_5:hover{border-color:var(--accent)}._icon_b0j3d_29{font-size:1.6rem;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease,transform .3s ease}._card_b0j3d_5:hover ._icon_b0j3d_29{opacity:.25;transform:scale(.9)}._name_b0j3d_43{font-size:.75rem;font-weight:600;color:var(--text-dim);letter-spacing:.3px;transition:opacity .3s ease}._card_b0j3d_5:hover ._name_b0j3d_43{opacity:.15}._typeLabel_b0j3d_56{font-family:var(--font-mono);font-size:.56rem;font-weight:600;color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase;transition:opacity .3s ease}._card_b0j3d_5:hover ._typeLabel_b0j3d_56{opacity:.15}._overlay_b0j3d_71{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;padding:.8rem .6rem;background:linear-gradient(160deg,#161628eb,#1e193cf2);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:var(--radius);opacity:0;pointer-events:none;transition:opacity .3s ease}._card_b0j3d_5:hover ._overlay_b0j3d_71{opacity:1;pointer-events:auto}._overlayIcon_b0j3d_102{font-size:1.5rem;display:flex;align-items:center;justify-content:center;transform:translateY(8px);transition:transform .35s cubic-bezier(.22,1,.36,1)}._card_b0j3d_5:hover ._overlayIcon_b0j3d_102{transform:translateY(0)}._overlayName_b0j3d_116{font-size:.8rem;font-weight:700;color:#fff;text-align:center;letter-spacing:.2px;line-height:1.3;transform:translateY(10px);opacity:0;transition:transform .35s cubic-bezier(.22,1,.36,1) .04s,opacity .3s ease .04s}._card_b0j3d_5:hover ._overlayName_b0j3d_116{transform:translateY(0);opacity:1}._overlayBadge_b0j3d_136{display:inline-block;font-family:var(--font-mono);font-size:.52rem;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--accent);background:#9382ff1f;padding:.15rem .55rem;border-radius:99px;transform:translateY(12px);opacity:0;transition:transform .35s cubic-bezier(.22,1,.36,1) .08s,opacity .3s ease .08s}._card_b0j3d_5:hover ._overlayBadge_b0j3d_136{transform:translateY(0);opacity:1}._overlayDesc_b0j3d_160{font-size:.72rem;color:#ffffffa6;text-align:center;line-height:1.45;max-height:3.2em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;transform:translateY(14px);opacity:0;transition:transform .35s cubic-bezier(.22,1,.36,1) .12s,opacity .3s ease .12s;-webkit-transform:translateY(14px);-moz-transform:translateY(14px);-ms-transform:translateY(14px);-o-transform:translateY(14px)}._card_b0j3d_5:hover ._overlayDesc_b0j3d_160{transform:translateY(0);opacity:1}._overlay_b0j3d_71:after{content:"";position:absolute;bottom:0;left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);border-radius:2px;opacity:0;transform:scaleX(0);transition:opacity .3s ease .15s,transform .35s cubic-bezier(.22,1,.36,1) .15s}._card_b0j3d_5:hover ._overlay_b0j3d_71:after{opacity:1;transform:scaleX(1)}._icon_b0j3d_29 .skill-svg svg{width:1.6rem;height:1.6rem}._icon_b0j3d_29 img{width:1.6rem;height:1.6rem;object-fit:contain}._overlayIcon_b0j3d_102 .skill-svg svg{width:1.5rem;height:1.5rem}._overlayIcon_b0j3d_102 img{width:1.5rem;height:1.5rem;object-fit:contain}.secret-cv-box{position:relative;width:240px;height:300px;border-radius:20px;background:linear-gradient(145deg,#0f0f1a,#16162a 60%,#1a1a32);border:1.5px solid rgba(147,130,255,.1);overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:border-color .4s ease,box-shadow .4s ease}.secret-cv-box--sealed{cursor:pointer}.secret-cv-box--sealed:hover{border-color:#9382ff59;animation:secretBoxWiggle .5s ease-in-out}.secret-cv-box__glow{position:absolute;inset:-2px;border-radius:22px;background:radial-gradient(ellipse at center,rgba(147,130,255,.15) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:0}.secret-cv-box--sealed:hover .secret-cv-box__glow{opacity:1}@keyframes secretBoxWiggle{0%,to{transform:rotate(0)}15%{transform:rotate(-2deg)}30%{transform:rotate(2deg)}45%{transform:rotate(-1.5deg)}60%{transform:rotate(1.5deg)}75%{transform:rotate(-.5deg)}}.secret-cv-box__number{position:absolute;top:12px;left:12px;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.65rem;font-weight:700;letter-spacing:.12em;color:#9382ff59;z-index:2}.secret-cv-box__inner{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:1}.secret-cv-box__sealed{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;text-align:center;padding:1.5rem}.secret-cv-box__icon-wrap{color:#9382ff80;transition:color .3s ease,transform .3s ease}.secret-cv-box--sealed:hover .secret-cv-box__icon-wrap{color:#9382ffd9;transform:scale(1.1)}.secret-cv-box__gift-icon{filter:drop-shadow(0 0 8px rgba(147,130,255,.2))}.secret-cv-box__label{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim, #8a879a)}.secret-cv-box__label--locked{color:var(--text-muted, #5a576a);font-size:.65rem}.secret-cv-box__hint{font-size:.78rem;color:var(--text-muted, #5a576a);opacity:0;transform:translateY(4px);transition:opacity .3s ease,transform .3s ease}.secret-cv-box--sealed:hover .secret-cv-box__hint{opacity:1;transform:translateY(0)}.secret-cv-box__opening{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%}.secret-cv-box__opening-icon{color:#9382ffb3;animation:secretBoxShake .15s ease-in-out infinite alternate}@keyframes secretBoxShake{0%{transform:translate(-1px,-1px) rotate(-1deg)}to{transform:translate(1px,1px) rotate(1deg)}}.secret-cv-box__pulse-ring{position:absolute;width:80px;height:80px;border-radius:50%;border:2px solid rgba(147,130,255,.3);animation:secretPulse 1s ease-out infinite}.secret-cv-box__pulse-ring--2{animation-delay:.5s}@keyframes secretPulse{0%{transform:scale(.8);opacity:.8}to{transform:scale(2.2);opacity:0}}.secret-cv-box__result{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;text-align:center;padding:1.5rem;position:relative}.secret-cv-box__result-label{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.secret-cv-box__result-label--win{color:var(--accent, #9382ff)}.secret-cv-box__result-label--miss{color:var(--accent2, #ff6b6b)}.secret-cv-box__miss-msg{font-size:.88rem;color:var(--text-dim, #8a879a);line-height:1.5;max-width:170px}.secret-cv-box__light-burst{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(147,130,255,.25) 0%,rgba(147,130,255,.08) 40%,transparent 70%);animation:secretLightBurst 1.2s ease-out forwards;pointer-events:none}@keyframes secretLightBurst{0%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(1.2)}to{opacity:.4;transform:scale(1)}}.secret-cv-box--win{border-color:#9382ff66;box-shadow:0 0 40px #9382ff4d,0 0 80px #9382ff1a;animation:secretWinGlow 2s ease-in-out infinite alternate;cursor:default}@keyframes secretWinGlow{0%{box-shadow:0 0 40px #9382ff4d,0 0 80px #9382ff1a}to{box-shadow:0 0 55px #9382ff73,0 0 100px #9382ff26}}.secret-cv-box--miss{animation:secretMissShake .5s ease-in-out;cursor:default}@keyframes secretMissShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.secret-cv-box--opening{border-color:#9382ff4d;box-shadow:0 0 30px #9382ff33;animation:secretOpeningPulse .6s ease-in-out infinite alternate;cursor:wait}@keyframes secretOpeningPulse{0%{box-shadow:0 0 20px #9382ff26;border-color:#9382ff33}to{box-shadow:0 0 40px #9382ff59;border-color:#9382ff73}}.secret-cv-box--disabled{opacity:.3;filter:grayscale(.5);cursor:not-allowed;pointer-events:none;transition:opacity .6s ease,filter .6s ease}.secret-cv-box__disabled{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--text-muted, #5a576a)}.secret-cv-box__corner{position:absolute;width:5px;height:5px;border-radius:50%;background:#9382ff33;z-index:2;pointer-events:none}.secret-cv-box__corner--tl{top:16px;left:16px}.secret-cv-box__corner--tr{top:16px;right:16px}.secret-cv-box__corner--bl{bottom:16px;left:16px}.secret-cv-box__corner--br{bottom:16px;right:16px}@media(max-width:768px){.secret-cv-box{width:200px;height:260px}}@media(max-width:480px){.secret-cv-box{width:calc(50vw - 32px);height:220px}}._overlay_1x3rn_5{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:1rem}._modal_1x3rn_18{position:relative;width:100%;max-height:90vh;background:#fff;border-radius:1.5rem;box-shadow:0 25px 80px #00000040,0 10px 40px #00000026;display:flex;flex-direction:column;overflow:hidden}@media(max-width:768px){._overlay_1x3rn_5{padding:.75rem}._modal_1x3rn_18{max-height:95vh;border-radius:1.25rem}}._card_5q8nf_5{background:#fff;border-radius:1.125rem;overflow:hidden;border:1px solid #e9ecef;transition:box-shadow .3s ease;box-shadow:0 2px 12px #0000000f}._card_5q8nf_5:hover{box-shadow:0 16px 48px #0000001f}._preview_5q8nf_19{position:relative;padding:1.5rem 1.5rem 1.25rem;background:#f5f6fa;border-bottom:1px solid #e9ecef}._badge_5q8nf_27{position:absolute;top:.875rem;right:.875rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.3rem .625rem;border-radius:.5rem;line-height:1}._badgeEn_5q8nf_40{background:#ede9fe;color:#7c3aed}._badgeVi_5q8nf_45{background:#dbeafe;color:#2563eb}._skeleton_5q8nf_51{display:flex;flex-direction:column;gap:.875rem}._skeletonHeader_5q8nf_57{height:14px;width:55%;border-radius:4px;background:linear-gradient(90deg,#d1d5db 25%,#e5e7eb,#d1d5db 75%);background-size:200% 100%;animation:_shimmer_5q8nf_1 2s ease-in-out infinite}._skeletonLines_5q8nf_66{display:flex;flex-direction:column;gap:.5rem}._skeletonLine_5q8nf_66{height:10px;border-radius:3px;background:linear-gradient(90deg,#e2e5ea 25%,#eef0f3,#e2e5ea 75%);background-size:200% 100%;animation:_shimmer_5q8nf_1 2s ease-in-out infinite}._lineFull_5q8nf_80{width:100%}._line90_5q8nf_81{width:90%}._line80_5q8nf_82{width:80%}._line70_5q8nf_83{width:70%}._line60_5q8nf_84{width:60%}._line50_5q8nf_85{width:50%}._skeletonCols_5q8nf_87{display:flex;gap:.75rem}._skeletonCol_5q8nf_87{flex:1;height:32px;border-radius:6px;background:linear-gradient(90deg,#e2e5ea 25%,#eef0f3,#e2e5ea 75%);background-size:200% 100%;animation:_shimmer_5q8nf_1 2s ease-in-out infinite}@keyframes _shimmer_5q8nf_1{0%{background-position:200% 0}to{background-position:-200% 0}}._info_5q8nf_107{padding:1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.875rem;background:#fff}._label_5q8nf_115{font-size:1rem;font-weight:600;color:#1a1a2e;text-align:center}._actions_5q8nf_123{display:flex;gap:.625rem}._btn_5q8nf_128{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.625rem .875rem;border-radius:.625rem;font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .25s ease;border:none}._btnView_5q8nf_144{background:linear-gradient(135deg,#9382ff,#6c63ff);color:#fff}._btnView_5q8nf_144:hover{box-shadow:0 4px 16px #9382ff66;transform:translateY(-1px)}._btnDownload_5q8nf_154{background:#f1f3f5;color:#495057;border:1px solid #dee2e6}._btnDownload_5q8nf_154:hover{background:#e9ecef;color:#1a1a2e;transform:translateY(-1px)}@media(max-width:480px){._preview_5q8nf_19{padding:1.25rem}._info_5q8nf_107{padding:.875rem 1rem 1rem}._label_5q8nf_115{font-size:.9rem}._actions_5q8nf_123{flex-direction:column;gap:.5rem}._btn_5q8nf_128{padding:.625rem .875rem;font-size:.8rem}}._container_1inoq_5{display:flex;flex-direction:column;max-height:90vh;background:#fff}._header_1inoq_13{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e9ecef;background:#fafbfc}._headerLeft_1inoq_22{display:flex;align-items:center;gap:.75rem}._icon_1inoq_28{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#9382ff,#6c63ff);color:#fff}._title_1inoq_39{font-size:1.25rem;font-weight:600;color:#1a1a2e;margin:0}._closeBtn_1inoq_46{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#f1f3f4;border:none;color:#495057;cursor:pointer;transition:all .25s ease}._closeBtn_1inoq_46:hover{background:#fee2e2;color:#dc2626;transform:rotate(90deg)}._body_1inoq_67{flex:1;padding:2rem;overflow-y:auto;background:#f8f9fa}._grid_1inoq_74{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}._loading_1inoq_81{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;color:#6c757d}._spinner_1inoq_91{width:40px;height:40px;border:3px solid #e9ecef;border-top-color:#9382ff;border-radius:50%;animation:_spin_1inoq_91 .8s linear infinite}@keyframes _spin_1inoq_91{to{transform:rotate(360deg)}}._error_1inoq_107{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;color:#dc2626}._retryBtn_1inoq_117{padding:.5rem 1.25rem;border-radius:8px;background:#fee2e2;color:#dc2626;border:none;font-weight:600;cursor:pointer;transition:all .25s ease}._retryBtn_1inoq_117:hover{background:#fecaca}._placeholder_1inoq_133{display:flex;align-items:center;justify-content:center;min-height:300px;background:#e9ecef;border-radius:1rem;color:#6c757d;font-size:.95rem}._footer_1inoq_145{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e9ecef;background:#fafbfc}._downloadBtn_1inoq_155{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:10px;background:linear-gradient(135deg,#9382ff,#6c63ff);color:#fff;font-family:inherit;font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:all .25s ease}._downloadBtn_1inoq_155:hover{box-shadow:0 4px 16px #9382ff66}._fullscreenBtn_1inoq_175{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:10px;background:#1a1a2e;color:#fff;font-family:inherit;font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:all .25s ease}._fullscreenBtn_1inoq_175:hover{background:#16213e;box-shadow:0 4px 16px #1a1a2e4d}._backBtn_1inoq_197{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#f1f3f4;border:none;color:#495057;cursor:pointer;transition:all .25s ease}._backBtn_1inoq_197:hover{background:#e9ecef;color:#1a1a2e;transform:translate(-2px)}._pdfViewer_1inoq_218{display:flex;flex-direction:column;height:100%;min-height:60vh}._iframe_1inoq_225{width:100%;flex:1;min-height:60vh;border:none;border-radius:12px;background:#fff;box-shadow:0 2px 12px #0000000f}._container_1inoq_5:fullscreen{background:#fff}._container_1inoq_5:fullscreen ._body_1inoq_67{padding:2rem 4rem}@media(max-width:768px){._header_1inoq_13{padding:1rem 1.25rem}._title_1inoq_39{font-size:1.1rem}._body_1inoq_67{padding:1.25rem}._grid_1inoq_74{grid-template-columns:1fr;gap:1.5rem}._pdfViewer_1inoq_218,._iframe_1inoq_225{min-height:50vh}._footer_1inoq_145{padding:1rem 1.25rem;flex-wrap:wrap}._fullscreenBtn_1inoq_175,._downloadBtn_1inoq_155{width:100%;justify-content:center}}@media(max-width:480px){._headerLeft_1inoq_22{gap:.5rem}._icon_1inoq_28{width:36px;height:36px}._icon_1inoq_28 svg{width:20px;height:20px}._closeBtn_1inoq_46{width:36px;height:36px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a0f;font-family:Inter,-apple-system,sans-serif;padding:1rem}.login-card{width:100%;max-width:380px;background:#111118;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:2.5rem 2rem;display:flex;flex-direction:column;gap:0}.login-logo{font-size:2.5rem;text-align:center;margin-bottom:.5rem}.login-title{font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700;color:#e8e6f0;text-align:center;margin:0 0 .3rem}.login-subtitle{font-size:.85rem;color:#5a576a;text-align:center;margin:0 0 1.5rem}.login-error{padding:.6rem .8rem;background:#ff6b6b14;border:1px solid rgba(255,107,107,.2);border-radius:8px;color:#ff6b6b;font-size:.83rem;margin-bottom:1rem;text-align:center}.login-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.login-field label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#8a879a}.login-field input{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.7rem .9rem;color:#e8e6f0;font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s}.login-field input:focus{border-color:#9382ff;box-shadow:0 0 0 3px #9382ff1a}.login-field input::placeholder{color:#3a3748}.login-btn{margin-top:.5rem;padding:.75rem;background:#9382ff;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.login-btn:hover:not(:disabled){background:#7b6ae0;box-shadow:0 4px 20px #9382ff40}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-back{display:block;text-align:center;margin-top:1.2rem;color:#5a576a;font-size:.82rem;text-decoration:none;transition:color .2s}.login-back:hover{color:#9382ff}.admin-user-info{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.75rem}.admin-user-email{font-size:.72rem;color:#5a576a;word-break:break-all;line-height:1.3}.admin-btn-logout{background:#ff6b6b14;color:#ff6b6b;border:1px solid rgba(255,107,107,.15);padding:.4rem .7rem;font-size:.78rem;width:100%;justify-content:center}.admin-btn-logout:hover{background:#ff6b6b2e}.admin-layout{display:flex;min-height:100vh;background:#0d0d14;color:#e8e6f0;font-family:Inter,-apple-system,sans-serif}.admin-sidebar{width:220px;background:#111118;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;padding:1.5rem 0;position:fixed;top:0;left:0;bottom:0;z-index:50}.admin-sidebar-logo{font-family:Space Grotesk,sans-serif;font-size:1.3rem;font-weight:700;padding:0 1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:1rem;letter-spacing:-.3px}.admin-sidebar-nav{display:flex;flex-direction:column;gap:.25rem;padding:0 .75rem;flex:1}.admin-nav-link{display:block;padding:.65rem .75rem;border-radius:8px;color:#8a879a;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s}.admin-nav-link:hover{background:#ffffff0a;color:#e8e6f0}.admin-nav-link.active{background:#9382ff1f;color:#9382ff}.admin-sidebar-footer{padding:1rem .75rem 0;border-top:1px solid rgba(255,255,255,.06);margin-top:auto}.admin-main{flex:1;margin-left:220px;padding:2rem 2.5rem;min-height:100vh}.admin-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.admin-page-header h2{font-family:Space Grotesk,sans-serif;font-size:1.6rem;font-weight:700;margin:0}.admin-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.admin-btn-primary{background:#9382ff;color:#fff}.admin-btn-primary:hover{background:#7b6ae0;box-shadow:0 4px 16px #9382ff40}.admin-btn-secondary{background:#ffffff0f;color:#e8e6f0}.admin-btn-secondary:hover{background:#ffffff1a}.admin-btn-edit{background:#4ecdc41f;color:#4ecdc4}.admin-btn-edit:hover{background:#4ecdc438}.admin-btn-delete{background:#ff6b6b1a;color:#ff6b6b}.admin-btn-delete:hover{background:#ff6b6b33}.admin-btn-danger{background:#ff6b6b;color:#fff}.admin-btn-danger:hover{background:#e55a5a}.admin-table-wrap{overflow-x:auto;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#111118}.admin-table{width:100%;border-collapse:collapse;font-size:.88rem}.admin-table th{text-align:left;padding:.85rem 1rem;font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.5px;color:#5a576a;border-bottom:1px solid rgba(255,255,255,.06);white-space:nowrap}.admin-table td{padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.03);vertical-align:middle}.admin-table tbody tr:hover{background:#ffffff05}.admin-table tbody tr:last-child td{border-bottom:none}.admin-th-actions,.admin-td-actions{text-align:right;white-space:nowrap}.admin-td-actions{display:flex;gap:.4rem;justify-content:flex-end}.admin-sub{font-size:.8rem;color:#5a576a;margin-top:2px}.admin-truncate{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:280px}.admin-tag{display:inline-block;padding:.15rem .5rem;margin:.15rem;font-size:.72rem;border-radius:4px;background:#9382ff1a;color:#9382ff;font-weight:500}.admin-loading{display:flex;align-items:center;gap:.8rem;justify-content:center;padding:3rem;color:#5a576a}.admin-spinner{width:20px;height:20px;border:2px solid rgba(147,130,255,.2);border-top-color:#9382ff;border-radius:50%;animation:admin-spin .7s linear infinite}@keyframes admin-spin{to{transform:rotate(360deg)}}.admin-empty{text-align:center;padding:3rem;color:#5a576a;font-size:.9rem}.admin-error{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;margin-bottom:1rem;background:#ff6b6b14;border:1px solid rgba(255,107,107,.2);border-radius:8px;color:#ff6b6b;font-size:.88rem}.admin-error-close{background:none;border:none;color:#ff6b6b;font-size:1rem;cursor:pointer;padding:0 .3rem}.admin-modal{border:none;border-radius:16px;background:#16161e;color:#e8e6f0;padding:0;max-width:560px;width:90vw;box-shadow:0 24px 80px #00000080;margin:auto;position:fixed;inset:0;height:fit-content}.admin-modal::backdrop{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.admin-confirm{max-width:400px}.admin-modal-inner{display:flex;flex-direction:column;gap:0}.admin-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.admin-modal-header h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.15rem;font-weight:700}.admin-modal-close{background:none;border:none;color:#5a576a;font-size:1.1rem;cursor:pointer;padding:.3rem;transition:color .2s}.admin-modal-close:hover{color:#ff6b6b}.admin-modal-body{padding:1.5rem;max-height:60vh;overflow-y:auto}.admin-modal-footer{display:flex;gap:.6rem;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.06)}.admin-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.admin-field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.admin-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#8a879a}.admin-required{color:#ff6b6b;margin-left:2px}.admin-input{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.6rem .8rem;color:#e8e6f0;font-size:.9rem;font-family:inherit;transition:border-color .2s;outline:none}.admin-input:focus{border-color:#9382ff;box-shadow:0 0 0 3px #9382ff1a}.admin-input::placeholder{color:#3a3748}.admin-textarea{resize:vertical;min-height:70px}.admin-lang-group{border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:1rem;margin-bottom:1rem;background:#ffffff03}.admin-lang-badge{display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:.6rem;padding:.2rem .6rem;background:#9382ff1a;border-radius:6px;color:#9382ff}.admin-saving{text-align:center;color:#9382ff;font-size:.85rem;margin:.5rem 0 0}@media(max-width:768px){.admin-sidebar{width:60px;padding:1rem 0}.admin-sidebar-logo{font-size:1.2rem;text-align:center;padding:0 .5rem 1rem}.admin-nav-link{font-size:1.1rem;text-align:center;padding:.6rem}.admin-main{margin-left:60px;padding:1.5rem 1rem}.admin-page-header{flex-direction:column;align-items:flex-start;gap:.75rem}.admin-field-row{grid-template-columns:1fr}}.admin-radio-group{display:flex;gap:1rem}.admin-radio-label{display:flex;align-items:center;gap:.4rem;cursor:pointer}