:root{--bg:#060610;--surface:rgba(10,10,20,0.95);--text:#f0f0f5;--text-muted:#5e5e76;--text-sub:#9898b0;--accent:#c0392b;--accent2:#e74c3c;--accent-glow:rgba(192,57,43,0.4);--accent-subtle:rgba(192,57,43,0.07);--border:rgba(255,255,255,0.04);--border-hi:rgba(255,255,255,0.1);--r:16px;--tr:0.35s cubic-bezier(0.4,0,0.2,1);--font:"Inter",system-ui,sans-serif}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{font-family:var(--font);background:black url(/bg.png) no-repeat 50% fixed;background-size:100%;color:var(--text);min-height:100dvh;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(140,10,10,.45) 0,transparent 50%);pointer-events:none}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}:focus-visible{outline:2px solid var(--accent2);outline-offset:3px}.hub{width:100%;max-width:520px;padding:3rem 1.25rem 2rem;flex-direction:column;flex:1 1}.hub,.logo-area{display:flex;align-items:center}.logo-area{flex-direction:column;gap:.6rem;margin-bottom:1.75rem}.logo-ring{position:relative;padding:3px;border-radius:50%;background:conic-gradient(from 0deg,var(--accent),var(--accent2),transparent 35%,transparent 65%,var(--accent),var(--accent2))}@keyframes spin{to{transform:rotate(1turn)}}.logo-img{width:84px;height:84px;border-radius:50%;background:var(--bg);object-fit:contain;padding:6px;display:block}.brand-name{font-size:1.5rem;font-weight:800;letter-spacing:.12em}.brand-tagline{font-size:.8rem;color:var(--text-muted);text-align:center;max-width:340px;line-height:1.55}.socials-area{margin-bottom:1.75rem;display:flex;justify-content:center}.social-capsule{padding:.45rem .65rem;border-radius:100px;background:rgba(12,12,22,.55);border:1px solid var(--border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.social-capsule,.social-wrap{display:inline-flex;align-items:center}.social-sep{width:1px;height:18px;background:linear-gradient(to bottom,transparent,var(--accent-glow),transparent);margin:0 .2rem;flex-shrink:0}.social-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);position:relative}.social-btn,.social-btn:after{border-radius:50%;transition:all var(--tr)}.social-btn:after{content:"";position:absolute;inset:3px;background:transparent}.social-btn:hover{color:var(--accent2);transform:scale(1.2)}.social-btn:hover:after{background:var(--accent-subtle);box-shadow:0 0 14px rgba(192,57,43,.25)}.social-btn:active{transform:scale(1.05)}.social-btn svg{position:relative;z-index:1}.sep{display:flex;align-items:center;gap:.75rem;width:65%;margin-bottom:1.75rem}.sep-line{flex:1 1;height:1px;background:linear-gradient(90deg,transparent,var(--border-hi),transparent)}.sep-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent-glow);flex-shrink:0}.projects-area{width:100%}.label{display:block;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.22em;color:var(--accent2);margin-bottom:1rem;text-align:center}.pcards{display:flex;flex-direction:column;gap:.85rem}.pcard{position:relative;border-radius:var(--r);padding:1.5px;cursor:pointer;transition:transform var(--tr),box-shadow var(--tr)}.pcard:hover{transform:translateY(-3px);box-shadow:0 14px 44px rgba(0,0,0,.35)}.pcard:active{transform:translateY(-1px) scale(.995)}.pcard.locked{cursor:not-allowed;position:relative;overflow:hidden;border:1px solid #333;pointer-events:none}.pcard.locked.prison:after{background:repeating-linear-gradient(90deg,transparent,transparent 20px,rgba(30,30,30,.8) 0,rgba(100,100,100,.9) 24px,rgba(30,30,30,.8) 28px);box-shadow:inset 0 0 20px rgba(0,0,0,.9)}.pcard.locked.chain:after,.pcard.locked.prison:after{content:"";position:absolute;inset:0;z-index:10;pointer-events:none}.pcard.locked.chain:after{background-image:linear-gradient(45deg,#222 25%,transparent 0,transparent 75%,#222 0,#222),linear-gradient(45deg,#222 25%,transparent 0,transparent 75%,#222 0,#222);background-position:0 0,10px 10px;background-size:20px 20px;opacity:.6;box-shadow:inset 0 0 30px rgba(0,0,0,.9)}.pcard.locked .pcard-inner{filter:grayscale(100%) contrast(1.2) brightness(.4)}.pcard.locked:hover{transform:none;box-shadow:none}.pcard.locked:hover .pcard-inner{background:black}.pcard.locked:hover .pcard-content{transform:none}.coming-soon-overlay{z-index:20;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;color:#fff;text-shadow:0 0 10px rgba(192,57,43,.8),0 0 20px rgba(192,57,43,.4);letter-spacing:.1em;pointer-events:none;opacity:1;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.coming-soon-overlay,.pcard-border{position:absolute;inset:0;border-radius:var(--r)}.pcard-border{overflow:hidden;z-index:0}.pcard-border-spin{position:absolute;top:50%;left:50%;width:150%;height:150%;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0,transparent 25%,var(--accent) 33%,var(--accent2) 38%,rgba(255,120,100,.5) 40%,var(--accent2) 42%,var(--accent) 47%,transparent 55%,transparent 100%);animation:borderSpin 3.5s linear infinite;opacity:.4;transition:opacity var(--tr)}.pcard:hover .pcard-border-spin{opacity:1}@keyframes borderSpin{to{transform:translate(-50%,-50%) rotate(1turn)}}.pcard-inner{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-height:120px;border-radius:calc(var(--r) - 1.5px);overflow:hidden;transition:transform .3s ease}.pcard-cover,.pcard-inner{padding:0;background:black}.pcard-cover{position:absolute;inset:0;width:100%;height:100%;z-index:0;border:none}.pcard-cover img{width:100%;height:100%;object-fit:cover;display:block;opacity:.25;filter:grayscale(80%) blur(1px);transition:all .5s ease;transform:scale(1)}.pcard:hover .pcard-cover img{opacity:.8;filter:grayscale(0) blur(0);transform:scale(1.1)}.pcard:hover .pcard-content{transform:translateX(8px)}.pcard-content{position:relative;z-index:1;flex:1 1;padding:1.8rem;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,rgba(3,3,3,.9),rgba(3,3,3,.5));transition:transform .4s ease}.pcard:hover .pcard-inner{background:rgba(14,14,24,.98)}.pcard-text{display:flex;flex-direction:column;gap:.35rem;min-width:0;flex:1 1}.pcard-title{font-size:1.08rem;font-weight:600;letter-spacing:.01em;transition:color var(--tr)}.pcard:hover .pcard-title{color:var(--text)}.pcard-desc{font-size:.78rem;color:var(--text-muted);line-height:1.45;transition:color var(--tr)}.pcard:hover .pcard-desc{color:var(--text-sub)}.footer{padding:2.5rem 1rem 1.5rem;text-align:center}.footer p{font-size:.68rem;color:rgba(255,255,255,.15)}@keyframes cascadeReveal{0%{opacity:0;transform:translateY(-40px) scale(.95);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.animate-in{animation:cascadeReveal .8s cubic-bezier(.2,.8,.2,1) both}@media (max-width:480px){body{background-image:url(/backgorund-4hatslonks-phono.png);background-size:cover;background-position:top;background-attachment:scroll}.hub{padding:2.25rem 1rem 1.5rem}.pcard-inner{padding:1.15rem 1.25rem}.pcard-title{font-size:.95rem}.social-btn{width:34px;height:34px}.social-sep{height:14px}}