:root{--red: #e94551;--light-bg: #f8f9fa;--light-gray: #e0e4eb;--silver: #c0c4cc;--black: #2b2b2b;--slate: #5c5f67;--white: #ffffff;--font-code: "Google Sans Code", monospace;--font-sans: "Noto Sans", sans-serif;--font-serif: "Playfair Display", serif;--font-rounded: "Nunito", sans-serif;--font-jellee: "Fredoka", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--white);color:var(--black);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}.dot-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(var(--light-gray) 1px,transparent 0);background-size:24px 24px;z-index:-1;pointer-events:none}.italic-playfair{font-family:var(--font-serif);font-style:italic;font-weight:400}.mono-label{font-family:var(--font-code);font-size:.8rem;text-transform:uppercase;letter-spacing:2px;color:var(--slate)}.dot-text{font-family:var(--font-jellee);color:var(--red)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:2rem 5%;position:sticky;top:0;background:#fffc;backdrop-filter:blur(10px);z-index:100}.brand-container,.nav-container{display:flex;align-items:center;gap:12px}.brand-logo{width:40px;height:40px;background:transparent}.brand-name-top{font-family:var(--font-serif);font-weight:600;font-size:1.2rem}.nav-links a{text-decoration:none;color:var(--black);margin-left:2rem;font-family:var(--font-rounded);font-weight:700;transition:color .3s ease}.nav-links a:hover{color:var(--red)}.btn-contact{border:2px solid var(--black);padding:.5rem 1.2rem;border-radius:50px}.btn-contact:hover{background:var(--black);color:var(--white)!important}.hero{height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 10%}.hero h1{font-size:clamp(2.5rem,8vw,5rem);font-family:var(--font-sans);font-weight:700;line-height:1.1;margin-bottom:1.5rem}.hero-sub{font-family:var(--font-rounded);font-size:1.2rem;color:var(--slate);max-width:600px}.section{padding:5rem 10%;border-top:1px solid var(--light-gray)}.section-header{margin-bottom:3rem}.empty-state{padding:4rem;border:2px dashed var(--silver);border-radius:24px;text-align:center;font-family:var(--font-code);color:var(--slate);transition:transform .3s ease,border-color .3s ease}.empty-state:hover{border-color:var(--red);transform:scale(1.01)}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.about-card{background:var(--light-bg);padding:2.5rem;border-radius:32px;border:1px solid var(--light-gray)}.about-card h3{font-family:var(--font-jellee);margin-bottom:1rem;color:var(--red)}.fade-in{animation:fadeIn 1s ease forwards}.fade-in-delayed{opacity:0;animation:fadeIn 1s ease .5s forwards}.reveal-text{opacity:0;animation:fadeIn 1s ease .1s forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.reveal.active{opacity:1;transform:translateY(0)}footer{padding:4rem 10%;text-align:center;border-top:1px solid var(--light-gray)}.domain{font-family:var(--font-code);font-weight:700;font-size:1.5rem;margin-bottom:1rem}.copyright{font-size:.8rem;color:var(--slate)}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem}.hamburger span{display:block;width:24px;height:2px;background:var(--black);border-radius:2px;transition:transform .3s ease,opacity .3s ease}.hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.scroll-indicator{margin-top:4rem}.scroll-indicator .dot{width:6px;height:6px;background:var(--red);border-radius:50%;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media(max-width:768px){.hamburger{display:flex}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#fffffff7;backdrop-filter:blur(10px);padding:1.5rem 5%;gap:1rem;border-top:1px solid var(--light-gray)}.nav-links.open{display:flex}.nav-links a{margin-left:0}.hero h1{font-size:3rem}}@media(prefers-reduced-motion:reduce){.fade-in,.fade-in-delayed,.reveal-text{animation:none!important;opacity:1!important;transform:none!important}.reveal{opacity:1!important;transform:none!important;transition:none!important}.scroll-indicator .dot{animation:none!important}.hamburger span,.empty-state,.about-card{transition:none!important}}