:root{--bg-main:#f6f6f9;--bg-secondary:#e9ecf3;--accent:#a3bffa;--accent-hover:#7ea6e6;--accent-secondary:#f7c8e0;--text-main:#2d3142;--text-secondary:#6b7280;--text-highlight:#23408e;--border:#d1d5db;--success:#b7efc5;--warning:#ffe5b4}body,html{height:100%;margin:0;padding:0;background:var(--bg-main);color:var(--text-main);font-family:Inter,Arial,sans-serif;min-height:100vh}body{display:grid;grid-template-rows:auto 1fr;min-height:100vh;align-items:center;font-family:Manrope,sans-serif}.header{width:100%;display:flex;justify-content:center;align-items:center}.header-content{width:100%;max-width:1200px;display:flex;justify-content:end;align-items:center;padding:.5rem 1rem;box-sizing:border-box}.content{display:flex;flex-direction:column;align-items:center;min-height:650px;padding:1rem;box-sizing:border-box}.img-container{width:200px;height:200px;border-radius:50%;object-fit:cover;position:relative;border:3px solid var(--border);background:var(--bg-secondary);overflow:hidden}.profile-pic{width:200%;height:200%;position:absolute;left:-50%;top:-50%;z-index:2}.profile-pic.preview{width:200%;height:200%;position:absolute;left:-50%;top:-50%;z-index:1;opacity:1}h1{margin:0;font-size:2rem;font-weight:700;color:var(--text-highlight);letter-spacing:.01em;text-align:center}h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-highlight);letter-spacing:.01em;text-align:center}.highlight{color:var(--text-highlight);font-weight:700}h2{margin-top:1rem;margin-bottom:.5rem;font-size:1.25rem;color:var(--text-main);font-weight:600;letter-spacing:.01em}ul{padding:0;margin-bottom:.5em}ul li{margin-bottom:.5em;font-size:.9rem;list-style:none}.desc-container{display:flex;gap:1.5rem;justify-content:center;align-items:flex-start;height:200px}.desc{margin:0 0 1.5rem 0;font-size:1.1rem;color:var(--text-secondary);text-align:center;max-width:320px}.desc p{margin-bottom:0}.emoji{font-size:1.2rem;margin-top:1.2em}.socials{display:flex;gap:.5rem}.socials a{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;text-decoration:none;opacity:.7;transition:opacity .2s}.socials a:hover{opacity:1}.socials a img{width:100%;height:100%}.lang-toggle-btn{z-index:10;background:var(--accent);color:#fff;border:none;border-radius:2em;width:2.5rem;height:2.5rem;font-size:1.1rem;font-family:inherit;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #0001;-webkit-tap-highlight-color:transparent;transition:background .2s,color .2s,box-shadow .2s}.lang-toggle-btn:hover{background:var(--accent-hover);box-shadow:0 4px 16px #0002}.lang-toggle-btn:focus{outline:0;box-shadow:none}.lang-toggle-btn:active,.lang-toggle-btn:focus-visible{outline:0!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent}.fade-in{animation:fadeIn .35s}.fade-out{animation:fadeOut .35s}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes fadeOut{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-20px)}}