@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,700&family=Inter:wght@300;400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #f5f0eb;--bg2: #ece6df;--surface: #ffffff;--surface2: #faf8f5;--border: rgba(0, 0, 0, .06);--border2: rgba(0, 0, 0, .1);--border3: rgba(0, 0, 0, .04);--gold: #9a7b4f;--gold2: #b8935a;--gold-light: rgba(154, 123, 79, .08);--gold-border: rgba(154, 123, 79, .2);--text: #2c2826;--text2: #3d3835;--muted: #8a8078;--muted2: #a69d94;--display: "Playfair Display", Georgia, serif;--body: "Inter", system-ui, sans-serif;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .04)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--body);font-weight:300;overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:var(--gold);color:#fff}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--gold);border-radius:2px}.cursor-glow{position:fixed;width:320px;height:320px;border-radius:50%;pointer-events:none;z-index:9999;background:radial-gradient(circle,rgba(154,123,79,.06) 0%,transparent 70%);transform:translate(-50%,-50%);transition:opacity .4s;opacity:0}.cursor-glow.active{opacity:1}.progress-bar{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold2));z-index:101;transform-origin:left}.nav{position:fixed;top:0;width:100%;z-index:100;transition:transform .35s ease,background .35s ease}.nav.visible{transform:translateY(0)}.nav.hidden{transform:translateY(-100%)}.nav.scrolled{background:#f5f0ebeb;-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);border-bottom:1px solid var(--border)}.nav:not(.scrolled){background:transparent;border-bottom:1px solid transparent}.nav-inner{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font-family:var(--display);font-size:1.1rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:.6rem;text-decoration:none;cursor:pointer}.logo-mark{width:34px;height:34px;border-radius:8px;background:var(--gold);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:.8rem;font-weight:700;flex-shrink:0}.logo-text{font-family:var(--display);font-size:1.1rem;font-weight:700;color:var(--text)}.nav-links{display:flex;gap:2.5rem}.nbtn{background:none;border:none;cursor:pointer;font-family:var(--body);font-size:.76rem;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);transition:color .25s;position:relative;padding:.25rem 0}.nbtn:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:1.5px;background:var(--gold);transition:width .35s ease,left .35s ease}.nbtn:hover{color:var(--text2)}.nbtn:hover:after{width:100%;left:0}.nbtn.act{color:var(--gold)}.nbtn.act:after{width:100%;left:0}.mobbtn{display:none;background:none;border:none;color:var(--text);cursor:pointer}.mobmenu{display:none;flex-direction:column;padding:.5rem 2rem 1.25rem;border-top:1px solid var(--border);background:#f5f0ebfa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mobmenu.open{display:flex;animation:slideDown .3s ease}.moblink{background:none;border:none;cursor:pointer;text-align:left;font-family:var(--body);font-size:.82rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:.7rem 0;transition:color .2s,padding-left .25s;border-bottom:1px solid var(--border3)}.moblink:last-child{border:none}.moblink:hover{color:var(--gold);padding-left:.5rem}.hero{min-height:100vh;display:flex;align-items:center;padding:5rem 2rem 3rem;position:relative;overflow:hidden}.hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-content{max-width:1200px;margin:0 auto;position:relative;z-index:1;width:100%;display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}.hero-left{display:flex;flex-direction:column;justify-content:center}.hero-right{display:flex;justify-content:center;align-items:center}.hero-greeting{font-family:var(--display);font-size:clamp(1.6rem,2.8vw,2.3rem);font-weight:400;color:var(--text);margin-bottom:.2rem}.hero-name{font-family:var(--display);font-size:clamp(2.5rem,5.5vw,4.2rem);font-weight:700;line-height:1.05;color:var(--text);margin-bottom:.6rem}.hero-name em{color:var(--gold);font-style:italic}.hero-typing{font-family:var(--body);font-size:clamp(.95rem,1.8vw,1.25rem);color:var(--muted);margin-bottom:1.5rem;display:flex;align-items:center;gap:.4rem;min-height:2rem;flex-wrap:wrap}.type-static{color:var(--muted)}.type-dynamic{color:var(--gold);font-weight:500}.type-cursor{display:inline-block;width:2px;height:1.15em;background:var(--gold);margin-left:1px;animation:cursorBlink .7s step-end infinite;vertical-align:text-bottom}.hero-desc{font-size:.95rem;color:var(--muted);line-height:1.85;max-width:460px;margin-bottom:2rem}.hero-btns{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.4rem;color:var(--muted2);font-size:.62rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;background:none;border:none;font-family:var(--body);z-index:2}.scroll-bounce{animation:bounceDown 2s ease-in-out infinite}.bgold{background:var(--gold);color:#fff;border:none;cursor:pointer;padding:.8rem 1.8rem;border-radius:4px;font-family:var(--body);font-size:.84rem;font-weight:500;letter-spacing:.06em;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #9a7b4f40;position:relative;overflow:hidden}.bgold:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.15) 50%,transparent 60%);transform:translate(-100%);transition:transform .6s}.bgold:hover{background:var(--gold2);transform:translateY(-2px);box-shadow:0 6px 20px #9a7b4f4d}.bgold:hover:before{transform:translate(100%)}.bghost{background:none;color:var(--text);border:1px solid var(--border2);cursor:pointer;padding:.8rem 1.8rem;border-radius:4px;font-family:var(--body);font-size:.84rem;font-weight:400;letter-spacing:.06em;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.bghost:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}.socials{display:flex;gap:.7rem}.soc-link{width:42px;height:42px;border-radius:50%;border:1px solid var(--border2);background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--muted);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.soc-link:hover{background:var(--gold);color:#fff;border-color:var(--gold);transform:translateY(-3px);box-shadow:0 6px 16px #9a7b4f40}.avatar-container{position:relative;width:320px;height:320px}.avatar-glow{position:absolute;top:-35px;right:-35px;bottom:-35px;left:-35px;border-radius:50%;background:radial-gradient(circle,rgba(154,123,79,.12) 0%,transparent 70%);animation:glowPulse 4s ease-in-out infinite}.avatar-ring-outer{position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;border-radius:50%;border:1px dashed rgba(154,123,79,.1);animation:ringRotate 30s linear infinite}.avatar-ring{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:2px solid rgba(154,123,79,.2);animation:ringPulse 3s ease-in-out infinite}.avatar-main{width:320px;height:320px;border-radius:50%;background:linear-gradient(145deg,#c9a96e 0%,var(--gold) 50%,var(--gold2) 100%);display:flex;align-items:flex-end;justify-content:center;overflow:hidden;box-shadow:0 20px 60px #9a7b4f40,inset 0 -15px 30px #0000000f;position:relative}.avatar-main img{width:80%;height:auto;display:block;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15));position:relative;z-index:1}.avatar-initials{font-family:var(--display);font-size:6.5rem;font-weight:700;color:#ffffffd9;-webkit-user-select:none;user-select:none;margin-bottom:2rem}.avatar-float-dots{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;pointer-events:none;z-index:2}.af-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--gold);opacity:.4}.af-dot:nth-child(1){top:8%;left:15%;animation:dotFloat 5s ease-in-out infinite}.af-dot:nth-child(2){top:18%;right:5%;animation:dotFloat 4s .5s ease-in-out infinite}.af-dot:nth-child(3){bottom:25%;left:0;animation:dotFloat 6s 1s ease-in-out infinite}.af-dot:nth-child(4){bottom:10%;right:12%;animation:dotFloat 3.5s .3s ease-in-out infinite}.af-dot:nth-child(5){top:45%;right:-3%;animation:dotFloat 4.5s .8s ease-in-out infinite}.af-dot:nth-child(6){top:35%;left:-2%;animation:dotFloat 5.5s 1.2s ease-in-out infinite}.marquee-wrap{overflow:hidden;padding:1.5rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface2)}.marquee-track{display:flex;width:max-content;animation:marquee 35s linear infinite}.marquee-track:hover{animation-play-state:paused}.marquee-item{font-family:var(--display);font-size:.88rem;font-weight:400;color:var(--muted2);white-space:nowrap;padding:0 2rem;display:flex;align-items:center;gap:2rem}.marquee-item:after{content:"◆";font-size:.35rem;color:var(--gold)}.sec{padding:7rem 2rem}.sec-inner{max-width:1200px;margin:0 auto}.slabel{font-size:.66rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:.85rem;display:flex;align-items:center;gap:.8rem}.slabel:after{content:"";width:40px;height:1px;background:var(--gold);opacity:.4}.sh{font-family:var(--display);font-size:clamp(1.9rem,4.2vw,3rem);font-weight:700;letter-spacing:-.025em;line-height:1.08;margin-bottom:1rem;color:var(--text)}.sdesc{font-size:.95rem;color:var(--muted);line-height:1.85;max-width:540px}.about-sec{background:var(--surface2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.agrid{display:grid;grid-template-columns:1.1fr .9fr;gap:5.5rem;margin-top:4.5rem;align-items:start}.ap{font-size:.95rem;color:var(--muted);line-height:1.9;margin-bottom:1.25rem}.ap strong{color:var(--text2);font-weight:500}.stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-top:2.5rem;box-shadow:var(--shadow-sm)}.stat{background:var(--surface);padding:1.5rem 1.25rem;position:relative;overflow:hidden}.stat:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gold);transition:width .8s ease}.stat.vis:after{width:100%}.stn{font-family:var(--display);font-size:1.85rem;font-weight:700;color:var(--gold);line-height:1}.stl{font-size:.73rem;color:var(--muted);margin-top:.35rem;font-weight:400}.sktitle{font-family:var(--display);font-size:1.25rem;font-weight:700;color:var(--text);margin-bottom:1.5rem}.skgrp{margin-bottom:1.6rem}.sklbl{font-size:.65rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:.7rem}.sktags{display:flex;flex-wrap:wrap;gap:.45rem}.sktag{font-size:.78rem;padding:.32rem .85rem;border-radius:4px;border:1px solid var(--border);color:var(--muted);background:var(--surface);transition:all .3s;font-weight:400;cursor:default}.sktag:hover{border-color:var(--gold-border);color:var(--text2);background:var(--gold-light);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.cert-sec{background:var(--bg2)}.cert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;margin-top:3.5rem}.cert-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.75rem;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.cert-card:hover{border-color:var(--gold-border);transform:translateY(-3px);box-shadow:var(--shadow-sm);background:var(--gold-light)}.cert-provider{font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:.75rem}.cert-title{font-family:var(--display);font-size:1.15rem;font-weight:600;color:var(--text);margin-bottom:.7rem;line-height:1.3}.cert-desc{font-size:.85rem;color:var(--muted);line-height:1.6}.psec{background:var(--bg)}.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.4rem;margin-top:4rem}.pcard{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:2rem;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%}.pcard:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold2),transparent);opacity:0;transition:opacity .4s;border-radius:10px 10px 0 0}.pcard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),rgba(154,123,79,.04) 0%,transparent 50%);opacity:0;transition:opacity .3s;pointer-events:none}.pcard:hover{border-color:var(--gold-border);transform:translateY(-5px);box-shadow:var(--shadow-lg)}.pcard:hover:before{opacity:1}.pcard:hover:after{opacity:1}.pidx{font-family:var(--display);font-size:2.8rem;font-weight:700;color:#9a7b4f0f;position:absolute;top:1rem;right:1.25rem;line-height:1;transition:color .4s}.pcard:hover .pidx{color:#9a7b4f24}.psem{font-size:.63rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:.6rem;background:var(--gold-light);display:inline-block;padding:.2rem .6rem;border-radius:3px}.ptitle{font-family:var(--display);font-size:1.2rem;font-weight:700;color:var(--text);margin-bottom:.7rem;position:relative;z-index:1}.pdesc{font-size:.86rem;color:var(--muted);line-height:1.75;margin-bottom:1.25rem;position:relative;z-index:1}.phigh{list-style:none;margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.35rem;flex:1}.phigh li{font-size:.8rem;color:var(--muted);display:flex;align-items:flex-start;gap:.55rem;line-height:1.5}.phigh li:before{content:"◀";color:var(--gold);flex-shrink:0;font-size:.72rem;margin-top:.08rem}.ptags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:auto;padding-top:1rem}.ptag{font-size:.68rem;font-weight:500;padding:.22rem .6rem;border-radius:3px;background:var(--gold-light);color:var(--gold);border:1px solid var(--gold-border);transition:all .25s}.ptag:hover{background:#9a7b4f24}.csec{background:var(--surface2);border-top:1px solid var(--border)}.cgrid{display:grid;grid-template-columns:1fr 1.1fr;gap:5rem;margin-top:4rem;align-items:start}.clead{font-family:var(--display);font-size:1.45rem;font-weight:700;color:var(--text);margin-bottom:1rem}.cp{font-size:.93rem;color:var(--muted);line-height:1.85;margin-bottom:2rem}.clinks{display:flex;flex-direction:column;gap:.85rem}.clink{display:flex;align-items:center;gap:.8rem;color:var(--muted);text-decoration:none;font-size:.87rem;transition:all .3s}.clink:hover{color:var(--gold);transform:translate(4px)}.cicon{width:36px;height:36px;border-radius:6px;border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0}.clink:hover .cicon{border-color:var(--gold-border);background:var(--gold-light);color:var(--gold)}.fbox{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:2.25rem;box-shadow:var(--shadow-md)}.frow{margin-bottom:1.15rem}.flbl{display:block;font-size:.68rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:.45rem}.finp,.farea{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:5px;padding:.75rem .95rem;color:var(--text);font-family:var(--body);font-size:.88rem;font-weight:300;outline:none;transition:border-color .3s,box-shadow .3s;resize:none}.finp::placeholder,.farea::placeholder{color:var(--muted2)}.finp:focus,.farea:focus{border-color:var(--gold-border);box-shadow:0 0 0 3px var(--gold-light)}.farea{min-height:110px}.footer{border-top:1px solid var(--border);padding:2.25rem;text-align:center;color:var(--muted);font-size:.78rem;letter-spacing:.03em;background:var(--bg2);display:flex;align-items:center;justify-content:center;gap:1rem}.footer em{color:var(--gold);font-style:normal;font-weight:500}.admin-gear-btn{background:none;border:1px solid var(--border2);color:var(--muted2);font-size:1rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .25s ease;opacity:.4}.admin-gear-btn:hover{opacity:1;color:var(--gold);border-color:var(--gold-border)}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes ringPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.04);opacity:1}}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}@keyframes dotFloat{0%,to{transform:translate(0)}50%{transform:translate(6px,-8px)}}@keyframes heroUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes avatarPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.hero-anim .hero-greeting{opacity:0;animation:heroUp .7s .15s ease forwards}.hero-anim .hero-name{opacity:0;animation:heroUp .7s .28s ease forwards}.hero-anim .hero-typing{opacity:0;animation:heroUp .7s .42s ease forwards}.hero-anim .hero-desc{opacity:0;animation:heroUp .7s .54s ease forwards}.hero-anim .hero-btns{opacity:0;animation:heroUp .7s .66s ease forwards}.hero-anim .socials{opacity:0;animation:heroUp .7s .78s ease forwards}.hero-anim .avatar-container{opacity:0;animation:avatarPop .9s .35s cubic-bezier(.16,1,.3,1) forwards}.hero-anim .scroll-hint{opacity:0;animation:heroUp .6s 1s ease forwards}.fi{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.fi.vis{opacity:1;transform:translateY(0)}@media (max-width:900px){.hero-content{grid-template-columns:1fr!important;text-align:center;gap:2.5rem}.hero-left{align-items:center}.hero-right{order:-1}.avatar-container,.avatar-main{width:240px;height:240px}.avatar-initials{font-size:5rem}.hero-desc{margin-left:auto;margin-right:auto}.hero-btns,.socials,.hero-typing{justify-content:center}}@media (max-width:768px){.nav-links{display:none}.mobbtn{display:block}.agrid,.cgrid{grid-template-columns:1fr!important;gap:3rem}.pgrid{grid-template-columns:1fr!important}.sec{padding:4.5rem 1.5rem}.fbox{padding:1.75rem}.cursor-glow{display:none}}@media (max-width:480px){.stats{grid-template-columns:1fr!important}.hero-btns{flex-direction:column;width:100%}.bgold,.bghost{width:100%;justify-content:center}.avatar-container,.avatar-main{width:200px;height:200px}.avatar-initials{font-size:4rem}}.nav-resume-btn{display:inline-flex;align-items:center;gap:.4rem;background:none;border:1px solid var(--gold-border);color:var(--gold);font-family:var(--body);font-size:.76rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:.38rem .9rem;border-radius:4px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-resume-btn:hover{background:var(--gold);color:#fff;border-color:var(--gold);transform:translateY(-1px);box-shadow:0 4px 12px #9a7b4f40}.mob-resume-link{color:var(--gold)!important;display:flex;align-items:center;text-decoration:none}.pimg-wrap{width:100%;height:180px;border-radius:7px;overflow:hidden;position:relative;margin-bottom:1.25rem;background:var(--surface2);flex-shrink:0}.pimg-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--surface2) 25%,rgba(154,123,79,.06) 50%,var(--surface2) 75%);background-size:200% 100%;animation:shimmer 1.6s infinite linear;border-radius:7px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pimg{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .4s ease,transform .4s ease}.pimg.pimg-loaded{opacity:1}.pimg-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gold-light);border:1px dashed var(--gold-border)}.pimg-placeholder-text{font-family:var(--display);font-size:.78rem;font-weight:600;color:var(--gold);letter-spacing:.08em;text-align:center;padding:0 1rem}.pimg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#2c282600;display:flex;align-items:center;justify-content:center;transition:background .35s ease;border-radius:7px;pointer-events:none}.pimg-zoom-icon{color:#fff;opacity:0;transform:scale(.7);transition:all .35s ease}.pimg-wrap:hover .pimg{transform:scale(1.04)}.pimg-wrap:hover .pimg-overlay{background:#2c28266b}.pimg-wrap:hover .pimg-zoom-icon{opacity:1;transform:scale(1)}.pbtns{display:flex;gap:.6rem;margin-top:1.1rem;flex-wrap:wrap;position:relative;z-index:2}.pbtn{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--body);font-size:.73rem;font-weight:500;letter-spacing:.06em;padding:.38rem .85rem;border-radius:4px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid transparent}.pbtn-live{background:var(--gold);color:#fff;border-color:var(--gold);box-shadow:0 2px 8px #9a7b4f33}.pbtn-live:hover{background:var(--gold2);border-color:var(--gold2);transform:translateY(-2px);box-shadow:0 5px 14px #9a7b4f47}.pbtn-soon{background:transparent;color:var(--muted2);border-color:var(--border2);font-size:.68rem;letter-spacing:.1em;cursor:default}.pbtn-gh{background:transparent;color:var(--muted);border-color:var(--border2)}.pbtn-gh:hover{border-color:var(--gold-border);color:var(--text2);background:var(--gold-light);transform:translateY(-2px)}.form-msg{font-size:.83rem;padding:.75rem 1rem;border-radius:5px;margin-bottom:1rem;font-weight:400;line-height:1.5}.form-success{background:#22c55e14;color:#166534;border:1px solid rgba(34,197,94,.25)}.form-error{background:#ef444412;color:#991b1b;border:1px solid rgba(239,68,68,.22)}.spin{animation:spinAnim .75s linear infinite}@keyframes spinAnim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast-container{position:fixed;bottom:1.75rem;right:1.75rem;z-index:9998;display:flex;flex-direction:column;gap:.65rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.1rem;border-radius:8px;font-family:var(--body);font-size:.83rem;font-weight:400;min-width:260px;max-width:380px;box-shadow:0 8px 30px #0000001f,0 2px 8px #0000000f;pointer-events:all;animation:toastIn .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes toastIn{0%{opacity:0;transform:translate(60px) scale(.92)}to{opacity:1;transform:translate(0) scale(1)}}.toast-success{background:#f0fdf4;border:1px solid rgba(34,197,94,.3);color:#15803d}.toast-error{background:#fef2f2;border:1px solid rgba(239,68,68,.3);color:#b91c1c}.toast-info{background:var(--surface);border:1px solid var(--border2);color:var(--text2)}.toast-msg{flex:1;line-height:1.45}.toast-close{background:none;border:none;cursor:pointer;color:inherit;opacity:.55;display:flex;align-items:center;padding:0;transition:opacity .2s;flex-shrink:0}.toast-close:hover{opacity:1}@media (max-width:768px){.toast-container{bottom:1rem;right:1rem;left:1rem}.toast{min-width:unset;max-width:100%}.nav-resume-btn{display:none}}@media (max-width:480px){.pimg-wrap{height:150px}.pbtns{flex-wrap:wrap}}.demo-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.demo-modal{background:var(--surface);border-radius:12px;max-width:820px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 24px 80px #0000004d;animation:modalPop .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalPop{0%{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.demo-modal-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.demo-modal-title{font-family:var(--display);font-size:1.1rem;font-weight:700;color:var(--text);flex:1}.demo-modal-badge{font-size:.62rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);background:var(--gold-light);padding:.2rem .55rem;border-radius:3px;border:1px solid var(--gold-border)}.demo-modal-close{background:none;border:none;cursor:pointer;color:var(--muted);display:flex;padding:.3rem;border-radius:4px;transition:all .2s}.demo-modal-close:hover{background:var(--surface2);color:var(--text)}.demo-modal-body{padding:1rem;display:flex;align-items:center;justify-content:center;max-height:calc(90vh - 60px);overflow:auto}.demo-modal-img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:6px;box-shadow:0 4px 16px #0000001a}.admin-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .25s ease}.admin-panel{background:var(--surface);border-radius:14px;box-shadow:0 24px 80px #0003;position:relative;animation:modalPop .3s cubic-bezier(.16,1,.3,1) forwards;display:flex;flex-direction:column;max-height:90vh}.admin-login{width:380px;padding:2.5rem 2rem;text-align:center}.admin-wide{width:780px;max-width:95vw}.admin-close{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;color:var(--muted);display:flex;padding:.35rem;border-radius:4px;transition:all .2s;z-index:2}.admin-close:hover{background:var(--surface2);color:var(--text)}.admin-login-icon{width:56px;height:56px;border-radius:50%;background:var(--gold-light);color:var(--gold);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem}.admin-title{font-family:var(--display);font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:.35rem}.admin-subtitle{font-size:.85rem;color:var(--muted);margin-bottom:1.5rem}.admin-login-form{display:flex;flex-direction:column;gap:.85rem}.admin-pass-input{text-align:center;font-size:1rem!important;letter-spacing:.12em}.admin-login-btn{justify-content:center}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:1.35rem 1.75rem;border-bottom:1px solid var(--border)}.admin-header .admin-title{margin-bottom:0}.admin-header-actions{display:flex;align-items:center;gap:.7rem}.admin-add-btn{padding:.55rem 1.1rem;font-size:.78rem}.admin-list{overflow-y:auto;padding:.5rem 0}.admin-project-row{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.75rem;border-bottom:1px solid var(--border3);transition:background .2s}.admin-project-row:hover{background:var(--surface2)}.admin-project-row:last-child{border-bottom:none}.admin-project-info{display:flex;align-items:center;gap:.85rem;min-width:0;flex:1}.admin-project-thumb{width:48px;height:36px;object-fit:cover;border-radius:4px;border:1px solid var(--border);flex-shrink:0}.admin-project-title{font-family:var(--display);font-size:.95rem;font-weight:600;color:var(--text)}.admin-project-meta{display:flex;align-items:center;gap:.5rem;margin-top:.2rem}.admin-demo-badge{font-size:.62rem;color:var(--muted);background:var(--surface2);padding:.1rem .4rem;border-radius:3px;border:1px solid var(--border)}.admin-project-actions{display:flex;gap:.4rem;flex-shrink:0}.admin-action-btn{background:none;border:1px solid var(--border);cursor:pointer;color:var(--muted);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:5px;transition:all .2s}.admin-action-btn:hover{border-color:var(--gold-border);color:var(--gold);background:var(--gold-light)}.admin-action-del:hover{border-color:#ef44444d;color:#dc2626;background:#ef44440f}.admin-form{padding:1.5rem 1.75rem;overflow-y:auto;flex:1}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.admin-field{display:flex;flex-direction:column;gap:.35rem}.admin-full{grid-column:1 / -1}.admin-demo-row{display:flex;gap:.65rem;align-items:center}.admin-select{min-width:180px;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.admin-demo-preview{margin-top:.6rem;border-radius:6px;overflow:hidden;border:1px solid var(--border);max-width:260px}.admin-demo-thumb{width:100%;max-height:160px;object-fit:cover;display:block}.admin-array-row{display:flex;gap:.4rem;margin-bottom:.35rem}.admin-array-row .finp{flex:1}.admin-arr-btn{background:none;border:1px solid var(--border);cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;font-family:var(--body);font-size:.73rem;color:var(--muted);padding:.3rem .5rem;border-radius:4px;transition:all .2s}.admin-arr-btn:hover{border-color:var(--gold-border);color:var(--gold)}.admin-arr-add{margin-top:.25rem}.admin-arr-del{flex-shrink:0;width:30px;justify-content:center;padding:0}.admin-arr-del:hover{border-color:#ef44444d;color:#dc2626}.admin-form-actions{display:flex;justify-content:flex-end;gap:.8rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border)}.admin-loading{display:flex;align-items:center;justify-content:center;gap:.7rem;padding:3.5rem 2rem;color:var(--muted);font-size:.88rem}.admin-empty{padding:3.5rem 2rem;text-align:center;color:var(--muted);font-size:.9rem}.admin-empty-hint{font-size:.78rem;color:var(--muted2);margin-top:.5rem}@media (max-width:768px){.admin-wide{width:100%;max-height:95vh;border-radius:10px}.admin-login{width:100%;max-width:380px}.admin-form-grid{grid-template-columns:1fr}.admin-header{padding:1rem 1.25rem}.admin-form{padding:1.25rem}.admin-project-row{padding:.75rem 1.25rem}.admin-demo-row{flex-direction:column;align-items:stretch}.admin-select{min-width:unset}.demo-modal{max-width:100%;border-radius:10px}}