.app{flex-direction:column;min-height:100vh;display:flex;position:relative}.background{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.orb{filter:blur(80px);border-radius:50%;position:absolute}.orb-1{background:radial-gradient(circle,#4a5d4e26 0%,#0000 70%);width:500px;height:500px;top:-10%;right:-5%}.orb-2{background:radial-gradient(circle,#5a46371a 0%,#0000 70%);width:400px;height:400px;bottom:10%;left:-8%}.orb-3{background:radial-gradient(circle,#4a5d4e14 0%,#0000 70%);width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%)}.grid-overlay{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 75%);mask-image:radial-gradient(#000 20%,#0000 75%)}.top-bar{z-index:2;justify-content:flex-end;max-width:820px;margin:0 auto;padding:1.25rem 1.5rem 0;display:flex;position:relative}.lang-toggle{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-muted);border-radius:20px;align-items:center;gap:.15rem;padding:.4rem .75rem;font-size:.8rem;font-weight:500;transition:border-color .3s,background .3s;display:flex}.lang-toggle:hover{border-color:var(--border-hover);background:var(--bg-card)}.lang-active{color:var(--text-primary)}.lang-inactive{color:var(--text-muted);opacity:.5}.lang-sep{opacity:.3;margin:0 .1rem}.container{z-index:1;flex:1;max-width:820px;margin:0 auto;padding:3rem 1.5rem 2rem;position:relative}.sticky-header{z-index:10;background:linear-gradient(to bottom, var(--bg-primary) 85%, transparent);margin-bottom:1rem;padding-bottom:.25rem;position:sticky;top:0}.hero{align-items:center;gap:2rem;min-height:130px;margin-bottom:2rem;animation:.8s cubic-bezier(.22,1,.36,1) both heroFadeIn;display:flex}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-photo-wrap{flex-shrink:0;position:relative}.photo-glow{background:radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);z-index:0;border-radius:50%;animation:4s ease-in-out infinite glowPulse;position:absolute;inset:-8px}@keyframes glowPulse{0%,to{opacity:.4}50%{opacity:.7}}.hero-photo{z-index:1;object-fit:cover;object-position:center top;border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:130px;height:130px;position:relative;box-shadow:0 8px 32px #0006}.hero-text{flex:1}.hero-alias{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;color:var(--accent-light);margin-bottom:.35rem;font-size:.75rem;font-weight:600}.hero-name{font-family:var(--font-display);letter-spacing:-.03em;min-height:1.2em;font-size:clamp(1.8rem,5vw,2.4rem);font-weight:700;line-height:1.15}.hero-role{color:var(--text-secondary);min-height:1.4em;margin-top:.4rem;font-size:.95rem;font-weight:400}.hero-meta{color:var(--text-muted);align-items:center;gap:.5rem;margin-top:.75rem;font-size:.82rem;display:flex}.meta-badge{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:20px;padding:.2rem .6rem}.meta-sep{opacity:.4}.tabs{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);scrollbar-width:none;gap:.25rem;margin-bottom:0;padding:.35rem;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab-btn{white-space:nowrap;min-width:fit-content;color:var(--text-muted);border-radius:calc(var(--radius) - 4px);z-index:1;flex:1;padding:.65rem .75rem;font-size:.85rem;font-weight:500;transition:color .3s;position:relative}.tab-btn:hover{color:var(--text-secondary)}.tab-btn.active{color:var(--text-primary)}.tab-indicator{background:var(--bg-card);border:1px solid var(--border-hover);border-radius:calc(var(--radius) - 4px);z-index:-1;position:absolute;inset:0;box-shadow:0 2px 8px #0003}.tab-label{z-index:1;position:relative}.panel-wrapper{min-height:420px;position:relative}.panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:2rem}.panel-title{font-family:var(--font-display);letter-spacing:-.025em;margin-bottom:1.25rem;font-size:1.45rem;font-weight:600}.about-content{flex-direction:column;gap:1rem;display:flex}.about-paragraph{color:var(--text-secondary);font-size:.92rem;line-height:1.75}.about-highlight{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-sm);margin-top:1.5rem;padding:1.25rem 1.5rem}.highlight-label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-light);margin-bottom:.4rem;font-size:.72rem;font-weight:600;display:inline-block}.about-highlight p{color:var(--text-secondary);font-size:.9rem}.skills-sections{flex-direction:column;gap:1.75rem;margin-bottom:2rem;display:flex}.category-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.85rem;font-size:.78rem;font-weight:600}.skill-bars{flex-direction:column;gap:.85rem;display:flex}.skill-header{justify-content:space-between;align-items:baseline;margin-bottom:.35rem;display:flex}.skill-name{font-size:.88rem;font-weight:500}.skill-level{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.skill-track{background:var(--bg-card);border-radius:4px;height:4px;overflow:hidden}.skill-fill{background:linear-gradient(90deg, var(--accent), var(--accent-light));border-radius:4px;height:100%}.skill-desc{color:var(--text-muted);margin-top:.25rem;font-size:.75rem;display:block}.groups-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.group-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem 1.15rem;transition:border-color .3s,background .3s}.group-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.group-card h4{color:var(--accent-light);margin-bottom:.5rem;font-size:.82rem;font-weight:600}.group-card li{color:var(--text-secondary);padding:.15rem 0;font-size:.78rem}.group-card li:before{content:"·";color:var(--text-muted);margin-right:.4rem}.projects-subtitle{color:var(--text-muted);margin-top:-.75rem;margin-bottom:1.5rem;font-size:.9rem}.projects-grid{flex-direction:column;gap:1rem;display:flex}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .3s,box-shadow .3s;overflow:hidden}.project-card:hover{border-color:var(--border-hover);box-shadow:0 4px 20px #00000026}.project-image-wrap{aspect-ratio:16/9;background:var(--bg-secondary);border-bottom:1px solid var(--border);width:100%;overflow:hidden}.project-image{object-fit:cover;width:100%;height:100%;transition:transform .4s}.project-card:hover .project-image{transform:scale(1.03)}.project-body{padding:1.25rem 1.35rem 1.35rem}.project-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.6rem;display:flex}.project-status{text-transform:uppercase;letter-spacing:.06em;border-radius:12px;padding:.2rem .55rem;font-size:.68rem;font-weight:600}.status-live{color:var(--accent-light);background:#4a5d4e33}.status-development{color:var(--text-secondary);background:#9a958c26}.status-private{color:var(--text-muted);background:#6b666026}.project-title{flex:1;margin-bottom:0;font-size:1rem;font-weight:600}.project-desc{color:var(--text-secondary);margin-bottom:.75rem;font-size:.82rem;line-height:1.6}.project-tags{flex-wrap:wrap;gap:.35rem;margin-bottom:.85rem;display:flex}.project-tag{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-muted);border-radius:6px;padding:.2rem .5rem;font-size:.7rem}.project-links{gap:1rem;display:flex}.project-link{color:var(--accent-light);align-items:center;gap:.35rem;font-size:.78rem;transition:opacity .2s;display:inline-flex}.project-image-wrap--logo{background:#0a0a0a;justify-content:center;align-items:center;display:flex}.project-image--contain{object-fit:contain;width:auto;max-width:100%;max-height:220px;padding:1.5rem}.project-card:hover .project-image--contain{transform:scale(1.05)}.project-link--discord{color:#8b9cf7}.project-link--website{color:#d4a853}.benefits-subtitle{color:var(--text-muted);margin-top:-.75rem;margin-bottom:1.5rem;font-size:.9rem}.benefits-grid{grid-template-columns:repeat(2,1fr);gap:.85rem;display:grid}.benefit-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.25rem;transition:border-color .3s,box-shadow .3s}.benefit-card:hover{border-color:var(--border-hover);box-shadow:0 4px 20px #00000026}.benefit-icon{width:40px;height:40px;color:var(--accent-light);background:#4a5d4e1f;border-radius:10px;justify-content:center;align-items:center;margin-bottom:.75rem;display:flex}.benefit-card h3{margin-bottom:.4rem;font-size:.9rem;font-weight:600}.benefit-card p{color:var(--text-secondary);font-size:.8rem;line-height:1.6}.contact-intro{color:var(--text-secondary);margin-top:-.5rem;margin-bottom:1.5rem;font-size:.9rem}.contact-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:1.5rem;display:grid}.contact-links{flex-direction:column;gap:.65rem;display:flex}.contact-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:1rem;padding:1rem 1.25rem;transition:border-color .3s,background .3s;display:flex}.contact-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.contact-icon{width:40px;height:40px;color:var(--accent-light);background:#4a5d4e1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.72rem;font-weight:600;display:block}.contact-value{color:var(--text-primary);font-size:.9rem;display:block}.contact-location{color:var(--text-muted);align-items:center;gap:.5rem;margin-top:.5rem;font-size:.82rem;display:flex}.contact-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:.85rem;padding:1.25rem;display:flex}.form-field{flex-direction:column;gap:.35rem;display:flex}.form-field label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.72rem;font-weight:600}.form-field input,.form-field textarea{color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border);resize:vertical;border-radius:8px;outline:none;padding:.65rem .85rem;font-family:inherit;font-size:.88rem;transition:border-color .3s}.form-field input:focus,.form-field textarea:focus{border-color:var(--accent)}.form-field input:disabled,.form-field textarea:disabled{opacity:.6}.form-submit{cursor:pointer;border:none;width:100%;margin-top:.25rem}.form-submit:disabled{opacity:.7;cursor:not-allowed}.form-feedback{text-align:center;border-radius:8px;padding:.5rem;font-size:.82rem}.form-feedback.success{color:var(--accent-light);background:#4a5d4e1f}.form-feedback.error{color:#c4a0a0;background:#c4a0a01a}.cta-button{background:var(--accent);color:var(--text-primary);border-radius:30px;padding:.7rem 2rem;font-size:.88rem;font-weight:500;transition:background .3s,transform .2s,box-shadow .3s;display:inline-block}.cta-button:hover{background:var(--accent-light);box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-1px)}.footer{z-index:1;color:var(--text-muted);justify-content:center;align-items:center;gap:.5rem;padding:1.5rem;font-size:.78rem;display:flex;position:relative}.footer-dot{opacity:.4}@media (width<=640px){.container{padding:2rem 1rem 1.5rem}.hero{text-align:center;flex-direction:column;gap:1.25rem;min-height:auto}.hero-photo{width:110px;height:110px}.hero-meta{justify-content:center}.tabs{gap:.2rem;padding:.25rem}.tab-btn{padding:.55rem .25rem;font-size:.78rem}.panel{padding:1.5rem 1.25rem}.benefits-grid,.groups-grid,.contact-grid{grid-template-columns:1fr}.top-bar{padding:1rem 1rem 0}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#121110;--bg-secondary:#1a1918;--bg-card:#222120;--bg-card-hover:#2a2927;--accent:#4a5d4e;--accent-light:#5d735f;--accent-glow:#4a5d4e40;--text-primary:#e8e4dc;--text-secondary:#9a958c;--text-muted:#6b6660;--border:#ffffff0f;--border-hover:#ffffff1f;--radius:16px;--radius-sm:10px;--font-sans:"DM Sans", system-ui, sans-serif;--font-display:"Plus Jakarta Sans", "DM Sans", system-ui, sans-serif}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul{list-style:none}::selection{background:var(--accent);color:var(--text-primary)}