@import url(https://fonts.googleapis.com/css2?family=Major+Mono+Display&family=Lexend:wght@300;500&display=swap);:root{--bg-dark:#0a0f0d;--bg-accent:#121c1a;--text-main:#e0f7f4;--text-soft:#b3e1db;--accent-color:#88ffe0;--button-color:#7effcc;--button-hover:#80bef4;--border-color:#2b4640;--highlight:#eaffd0;--funny-pink:#ffb3c6;--funny-yellow:#ffff8f;--shadow-glow:0 0 10px rgba(0, 255, 200, 0.2)}body{margin:0;padding:3rem;font-family:'Lexend',sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.6;overflow-x:hidden}#bgCanvas{position:fixed;top:0;left:0;z-index:-1;width:100vw;height:100vh;filter:brightness(.9);pointer-events:none}:focus-visible{outline:2px solid #94f0ff;outline-offset:3px;transition:outline 0.2s ease}.container{max-width:960px;margin:0 auto;padding:2.5rem;background-color:rgb(18 28 26 / .942);border:2px solid var(--border-color);border-radius:40px;box-shadow:var(--shadow-glow);animation:fadeInUp 0.8s ease-out both}.veil-header{text-align:center;padding:1.5rem 1rem .5rem;font-family:'Helvetica Neue',sans-serif}.veil-basics:hover{opacity:1.3}.veil-basics{font-size:.95rem;color:var(--text-soft,#555);letter-spacing:.03em;word-spacing:.1em;font-weight:400;margin:0;opacity:.85;transition:opacity 0.25s ease-in-out}.veil-header::after{content:"";display:block;margin:1rem auto 0;width:70px;height:1px;background:var(--border-light,#ddd);opacity:.6}.intro{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;padding:2rem 0}.profile-wrapper{border-radius:10%;width:120px;height:120px;border:3px groove #90f0b2;box-shadow:0 0 20px #a2f7d2;display:flex;justify-content:center;align-items:center;background-color:#fff;overflow:hidden;flex-shrink:0}.profile-wrapper .profile{width:100%;height:100%;object-fit:cover;animation:idleSpin 8s linear infinite;transform-origin:center}.intro section{flex:1}h1,h2{color:#a3f19f;font-family:'Lexend',sans-serif;font-weight:500;margin-bottom:.4rem}h2{font-size:1.5rem;margin-top:2rem}ul{list-style-type:none;padding-left:0}ul li::before{content:'';color:var(--funny-yellow);margin-right:.4rem}.introduction_start ul li{margin-bottom:.8rem;padding:.3rem .6rem;border-left:4px solid var(--button-hover);border-radius:8px;transition:transform 0.3s ease}.introduction_likes ul li{margin-bottom:.8rem;padding:.3rem .6rem;border-left:4px solid #C0B48A;border-radius:8px;transition:transform 0.3s ease}.introduction_start ul li:hover,.introduction_likes ul li:hover{transform:translateX(5px)}a{color:#ffebb3;text-decoration:none;transition:color 0.3s ease}a:hover{text-decoration:underline;color:var(--accent-color)}form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}label{font-size:.9rem;color:var(--text-soft)}input,textarea{background-color:rgb(18 28 26 / .942);color:var(--text-main);border:2px solid var(--border-color);border-radius:10px;padding:.7rem;font-family:inherit;resize:vertical;transition:border-color 0.3s ease}input:focus,textarea:focus{border-color:#548cbd}.button-group{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap;margin:2rem 0}.site-button{background-color:var(--button-color,#fff7dd);color:#000;padding:.8rem 1.5rem;border:none;border-radius:999px;font-weight:600;font-size:1rem;cursor:pointer;transition:background-color 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease;font-family:'Lexend',sans-serif;display:flex;align-items:center;gap:.5rem;text-decoration:none;box-shadow:0 0 0 2px #fff0}.site-button:hover{background-color:var(--button-hover,#ffeaaa);transform:scale(1.02);box-shadow:0 0 0 2px rgb(0 0 0 / .1);color:#000;text-decoration:none}.site-button .icon{width:1.25em;height:1.25em;fill:currentColor}@media (max-width:600px){.button-group{flex-direction:column;gap:.75rem}.site-button{width:100%;justify-content:center;font-size:1.1rem;padding:1rem 0}}.intro,.introduction_start,.introduction_likes,.portfolio,.contact{animation:fadeInUp 0.8s ease-out both;animation-delay:0.2s}footer{margin-top:4rem;text-align:center;font-size:.85rem;color:var(--text-soft);border-top:1px dashed var(--border-color);padding-top:1rem}footer a:hover{text-decoration:none}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes idleSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes slideIn{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){body{padding:0}.intro{flex-direction:column;align-items:center;text-align:center}.intro img.profile{width:160px;height:160px;object-fit:cover;flex-shrink:0}.profile-wrapper{width:160px;height:160px}.intro section{width:100%}.intro p{margin-top:2.3em}.container{max-width:960px;margin:0 auto;padding:2rem;background-color:rgb(18 28 26 / .649);border-radius:0;border:2px solid var(--border-color);box-shadow:var(--shadow-glow);animation:fadeInUp 0.8s ease-out both}.subtitle{padding-bottom:1.7em;margin-top:.3em;border-bottom:3px solid rgb(185 212 255 / .2)}input,textarea{background-color:rgb(18 28 26 / .452);color:var(--text-main);border:2px solid var(--border-color);border-radius:10px;padding:.7rem;font-family:inherit;resize:vertical;transition:border-color 0.3s ease}#bgCanvas{width:120%;height:120%}}