:root{--bg: #0a0a0a;--text: #e0e0e0;--text-dark: #888;--accent: #00aaff;--font-body: "Inter", sans-serif;--font-heading: "Inter", sans-serif;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg);color:var(--text);line-height:1.7;transition:var(--transition);-ms-overflow-style:none;overflow-x:hidden}.gradient-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 10% 20%,var(--accent) 0%,transparent 25%),radial-gradient(circle at 90% 80%,var(--accent) 0%,transparent 25%);opacity:.15;filter:blur(80px);animation:bg-anim 20s ease-in-out infinite alternate}@keyframes bg-anim{0%{transform:scale(1) rotate(0)}to{transform:scale(1.2) rotate(20deg)}}h1,h2,h3{font-family:var(--font-heading);font-weight:600;color:var(--text)}h2{font-size:clamp(1.75rem,5vw,3rem);text-align:center;margin-bottom:clamp(2rem,4vw,4rem);letter-spacing:-1px}h3{font-size:clamp(1rem,2vw,1.25rem);color:var(--accent);margin-bottom:.5rem}p{color:var(--text-dark)}a{color:var(--accent);text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-dark);border-radius:10px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--accent)}*{scrollbar-width:thin;scrollbar-color:var(--accent) transparent}header{min-height:100vh;display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:auto auto;grid-template-areas:"name anim" "sub  anim";align-items:center;justify-content:center;gap:1rem 3vw;padding:4rem 4vw;max-width:1400px;margin:0 auto;position:relative}.header-namearea{grid-area:name;align-self:end}.hero-about{grid-area:sub;align-self:start;max-width:52ch;color:var(--text-dark);font-family:Bitcount Grid Double,sans-serif;font-weight:300;font-size:clamp(1rem,1.5vw,1.15rem)}.header-anim-wrapper{grid-area:anim;display:flex;justify-content:center;align-items:center;width:100%}.text-wrapper{position:relative;display:inline-block;width:100%}.text-wrapper h1{font-size:clamp(3rem,6vw,6rem);letter-spacing:clamp(-1px,-.5vw,-3px);font-family:Bitcount Grid Double,sans-serif;font-weight:300;line-height:1.05;text-align:left;overflow-wrap:break-word;word-wrap:break-word}.text{-webkit-user-select:none;user-select:none}.text.white{position:relative;color:#fff;z-index:1}.text.black{position:absolute;inset:0;color:#000;z-index:2;filter:blur(.4px);opacity:.95;transition:clip-path .08s linear}.section-block{background:#050505a6;border:1px solid rgba(255,255,255,.08);border-radius:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 20px 50px #00000059;padding:1.5rem 2rem 2.5rem;max-width:1200px;margin:0 auto 10rem}.section-block h2,.section-block p{text-align:left}footer{text-align:center;padding:4rem 2rem;color:var(--text-dark)}.back-to-top{position:fixed;right:1.5rem;bottom:1.5rem;width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--text);background:#0a0a0ad9;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px #0006;transition:var(--transition);z-index:1001}.back-to-top:hover{color:var(--accent);border-color:#0af6;transform:translateY(-2px)}.back-to-top svg{width:20px;height:20px}footer{position:relative;z-index:10}.footer-links{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem}.footer-link{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--text);background:#0a0a0ab3;border:1px solid rgba(255,255,255,.08);transition:var(--transition)}.footer-link:hover{color:var(--accent);border-color:#0af6;box-shadow:0 10px 30px #00000059;transform:translateY(-2px)}.footer-icon{width:20px;height:20px}.cloud-container{position:relative;overflow:visible;padding:2rem 3rem;margin:-2rem -3rem}@media (max-width: 1024px){header{grid-template-columns:1fr 1fr;padding:4rem 2rem}.text-wrapper h1{font-size:clamp(2.5rem,5vw,4rem)}}@media (max-width: 768px){body{overflow-x:hidden}header{min-height:auto;padding:6rem 1.25rem 2rem;grid-template-columns:1fr auto;grid-template-areas:"name anim" "sub  sub";gap:1.5rem 1rem;align-items:center}.header-namearea{align-self:center}.text-wrapper h1{font-size:clamp(1.8rem,8vw,2.5rem);line-height:1.1}.hero-about{margin-top:.5rem;max-width:100%;font-size:.95rem}.header-anim-wrapper{width:130px;align-self:start}.cloud-container{padding:0;margin:0}.section-block{margin-top:1rem;padding:1.25rem 1.25rem 2rem}}.projects-min{padding:3rem 1rem;max-width:800px;margin:0 auto;font-family:var(--font-body)}.projects-min h2{font-size:1.5rem;margin-bottom:1.5rem}.projects-min-card{border:1px solid #222;border-radius:10px;padding:1.5rem;background:#0f0f0f;min-height:420px;display:flex;flex-direction:column}.projects-min-image{width:100%;aspect-ratio:16 / 9;margin-bottom:1rem;border-radius:8px;overflow:hidden;background:#111;position:relative}.projects-min-image img{width:100%;height:100%;object-fit:cover;display:block;opacity:.82;transition:opacity .2s ease}.projects-min-card:hover .projects-min-image img{opacity:.7}.projects-min-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#0000008c;color:#fff;text-decoration:none;opacity:0;transition:opacity .2s ease}.projects-min-overlay svg{width:20px;height:20px}.projects-min-card:hover .projects-min-overlay{opacity:1}.projects-min-card h3{margin-bottom:.5rem;font-size:1.2rem}.projects-min-desc{color:#aaa;font-size:.9rem;margin-bottom:1rem;display:-webkit-box;line-clamp:4;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.projects-min-tech{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:1rem}.projects-min-tech span{font-size:.75rem;padding:4px 8px;border:1px solid #333;border-radius:6px;color:#ccc}.projects-min-links{display:flex;gap:1rem;margin-top:auto}.projects-min-links a{font-size:.85rem;color:#fff;text-decoration:underline}.projects-min-controls{margin-top:1.5rem;display:flex;justify-content:space-between}.projects-min-controls button{background:none;border:1px solid #333;padding:6px 12px;border-radius:6px;color:#fff;cursor:pointer}.projects-min-controls button:disabled{opacity:.3;cursor:default}.projects-min-more{margin-top:1.25rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:#fff;text-decoration:none;font-size:.9rem;padding:.9rem 1rem;border-radius:10px;border:1px solid #222;background:#0f0f0f;transition:transform .2s ease,border-color .2s ease}.projects-min-more:hover{transform:translateY(-2px);border-color:#333}