* { margin: 0; padding: 0; box-sizing: border-box; -webkit-user-select: none; user-select: none; }
body { background-color: #020204; color: #d1d1e0; font-family: 'Courier New', Courier, monospace; overflow-x: hidden; min-height: 100vh; }

#digital-wind { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -2; opacity: 0.25; pointer-events: none; }
.glow-bg { position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: 1200px; height: 700px; background: radial-gradient(circle, rgba(162, 162, 208, 0.01) 0%, transparent 70%); pointer-events: none; z-index: -1; }

/* HEADER & LOGO (PC) */
.header { padding: 120px 20px 40px; display: flex; flex-direction: column; align-items: center; gap: 50px; }
.logo { font-size: 42px; font-weight: 900; letter-spacing: 20px; color: #a2a2d0; text-transform: uppercase; text-shadow: 0 0 10px rgba(162, 162, 208, 0.8), 0 0 30px rgba(162, 162, 208, 0.3); animation: atmosphere 8s infinite ease-in-out; }
@keyframes atmosphere { 0%, 100% { transform: scale(1); opacity: 0.9; } 50% { transform: scale(1.02); opacity: 1; } }

.nav { display: flex; gap: 60px; }
.nav-link { background: none; border: none; color: #334; font-family: inherit; font-size: 13px; letter-spacing: 5px; cursor: pointer; transition: 0.4s; }
.nav-link:hover { color: #5c5c8a; }
.nav-link.active { color: #a2a2d0; text-shadow: 0 0 12px rgba(162, 162, 208, 0.7); pointer-events: none; }

/* CONTAINER (PC) */
.container { max-width: 900px; margin: 0 auto; padding-bottom: 200px; position: relative; z-index: 1;}
.tab-content { display: none; }
.tab-content.active { display: block; }

.bio-block { text-align: center; margin-top: 120px; }
.fade-text { opacity: 0; animation: fadeInContent 2.5s ease forwards; letter-spacing: 4px; line-height: 2.2; color: #4a4a61; font-size: 18px; max-width: 700px; margin: 0 auto; }
@keyframes fadeInContent { from { opacity: 0; filter: blur(8px); } to { opacity: 1; filter: blur(0); } }

/* PROJECTS (PC) */
.project-entry { display: flex; justify-content: space-between; align-items: center; padding: 45px 0; border-bottom: 1px solid #0d0d14; transition: 0.4s ease; }
.project-entry:hover { padding-left: 20px; background: rgba(162, 162, 208, 0.01); border-bottom-color: #1a1a2e; }
.project-entry .title { color: #fff; letter-spacing: 3px; font-size: 18px; }
.project-entry.locked .title { color: #1a1a24; }
.project-entry .desc { font-size: 12px; color: #2d2d3d; margin-top: 10px; letter-spacing: 1px; }

.cold-price { color: #c2c2d6; font-weight: bold; margin-bottom: 15px; display: block; font-size: 18px; }
.action-btn, .status-box { width: 170px; height: 50px; display: flex; align-items: center; justify-content: center; font-family: inherit; font-size: 13px; font-weight: 900; letter-spacing: 2px; text-transform: uppercase; }
.action-btn { background: #a2a2d0; color: #020204; border: none; cursor: pointer; transition: 0.4s; }
.status-box { background: transparent; color: #15151a; border: 1px solid #111; cursor: default; }

/* FOOTER (Язык + Копирайт) */
.footer { position: fixed; bottom: 0; left: 0; width: 100%; padding: 30px 0; background: linear-gradient(transparent, #020204 80%); display: flex; flex-direction: column; align-items: center; gap: 15px; z-index: 100; }
.language-selector { display: flex; align-items: center; gap: 15px; opacity: 0.6; transition: 0.3s; }
.language-selector:hover { opacity: 1; }
.lang-label { font-size: 11px; letter-spacing: 2px; color: #a2a2d0; }
#langSelect { background: transparent; border: 1px solid #222; color: #d1d1e0; font-family: inherit; font-size: 11px; padding: 5px; cursor: pointer; outline: none; }

/* Копирайт: профессионально и незаметно */
.copyright { font-size: 9px; letter-spacing: 3px; color: #a2a2d0; opacity: 0.15; text-transform: uppercase; }

/* MOBILE ADAPTATION */
@media (max-width: 600px) {
    .header { padding: 60px 20px 30px; gap: 30px; }
    .logo { font-size: 28px; letter-spacing: 10px; }
    .nav { gap: 30px; }
    .nav-link { font-size: 11px; }
    .container { padding-bottom: 180px; }
    .project-entry { flex-direction: column; text-align: center; gap: 20px; padding: 40px 20px; }
    .project-entry:hover { padding-left: 0; }
    .fade-text { font-size: 15px; padding: 0 20px; }
    .footer { padding: 20px 0; }
    .copyright { font-size: 7px; letter-spacing: 1px; opacity: 0.1; }
}

.cf-turnstile { position: fixed; bottom: -100px; opacity: 0; pointer-events: none; }