*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--bg:#0c0b0a;--bg-warm:#12100e;--text:#e8e0d4;--text-muted:#8a8278;--gold:#c9a961;--gold-light:#e0c87a;--gold-dark:#a88a4a;--font-display:'Cormorant Garamond' , serif;--font-body:'Montserrat' , sans-serif}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family: var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}#loader{position:fixed;inset:0;z-index:1000;background:var(--bg);display:flex;align-items:center;justify-content:center;transition:opacity .8s ease , visibility .8s ease}#loader.fade-out{opacity:0;visibility:hidden}.loader-content{text-align:center}.loader-line{width:0;height:1px;background:var(--gold);margin:0 auto 1.5rem;animation:loadLine 1.8s ease-in-out forwards}@keyframes loadLine {
    0% { width: 0; }
    40% { width: 120px; }
    100% { width: 120px; }
}.loader-text{font-family: var(--font-display);font-size:1.2rem;font-weight:300;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);opacity:0;animation:fadeInText .6s ease .6s forwards}@keyframes fadeInText {
    to { opacity: 1; }
}#app{opacity:0;transition:opacity .9s ease}#app.visible{opacity:1}#app.hidden{display:none}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-image{position:absolute;inset:0;z-index:0}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 30%;animation:slowZoom 6s ease-out forwards}@keyframes slowZoom {
    0% { transform: scale(1.05); }
    100% { transform: scale(1); }
}.image-overlay{position:absolute;inset:0;background: linear-gradient(
        135deg,
        rgba(12, 11, 10, 0.85) 0%,
        rgba(12, 11, 10, 0.4) 40%,
        rgba(12, 11, 10, 0.6) 70%,
        rgba(12, 11, 10, 0.9) 100%
    );z-index:1}.hero-content{position:relative;z-index:2;text-align:center;max-width:680px;padding:2rem;animation:contentFadeUp 1s ease .3s both}@keyframes contentFadeUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}.badge{display:inline-block;font-family: var(--font-body);font-size:.65rem;font-weight:400;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold-dark);padding:.4rem 1.2rem;margin-bottom:2rem;opacity:0;animation:fadeIn .6s ease .6s forwards}@keyframes fadeIn {
    to { opacity: 1; }
}.domain-name{font-family: var(--font-display);font-weight:300;font-size:clamp(2.8rem,8vw,5.5rem);line-height:1.1;color:var(--text);letter-spacing:.02em;margin-bottom:1.5rem;opacity:0;animation:fadeIn .8s ease .8s forwards}.domain-name .tld{color:var(--gold);font-weight:300}.price-line{margin-bottom:2rem;opacity:0;animation:fadeIn .6s ease 1.1s forwards}.price-label{display:block;font-family: var(--font-body);font-size:.6rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.4rem}.price{font-family: var(--font-display);font-size:clamp(2.2rem,5vw,3.5rem);font-weight:300;color:var(--gold-light);letter-spacing:.04em}.divider{width:60px;height:1px;background:var(--gold-dark);margin:0 auto 2rem;opacity:0;animation:fadeIn .6s ease 1.3s forwards}.tagline{font-family: var(--font-body);font-size:.85rem;font-weight:200;line-height:1.8;color:var(--text-muted);max-width:480px;margin:0 auto 2.5rem;letter-spacing:.02em;opacity:0;animation:fadeIn .6s ease 1.5s forwards}.contact-btn{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text);border:1px solid var(--gold-dark);padding:.9rem 2.2rem;font-family: var(--font-body);font-size:.7rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;transition:all .5s ease;opacity:0;animation:fadeIn .6s ease 1.7s forwards;position:relative;overflow:hidden}.contact-btn::before{content:'';position:absolute;inset:0;background:var(--gold-dark);transform:scaleX(0);transform-origin:left;transition:transform .5s ease;z-index:-1}.contact-btn:hover{color:var(--bg);border-color:var(--gold-light)}.contact-btn:hover::before{transform:scaleX(1)}.btn-arrow{font-size:1.1rem;transition:transform .4s ease}.contact-btn:hover .btn-arrow{transform:translateX(4px)}.contact-fallback{margin-top:1.2rem;font-family: var(--font-body);font-size:.7rem;font-weight:200;color:var(--text-muted);letter-spacing:.05em;opacity:0;animation:fadeIn .6s ease 2s forwards}.contact-fallback a{color:var(--gold);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease}.contact-fallback a:hover{border-color:var(--gold)}footer{position:fixed;bottom:0;left:0;right:0;z-index:10;padding:1.2rem 2rem;opacity:0;animation:fadeIn .6s ease 2.2s forwards}.footer-inner{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.footer-domain{font-family: var(--font-display);font-size:.75rem;font-weight:300;color:var(--text-muted);letter-spacing:.1em}.footer-broker{font-family: var(--font-body);font-size:.6rem;font-weight:300;color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase}@media (max-width:768px){.hero-content{padding:1.5rem}.domain-name{font-size:clamp(2rem,10vw,3.2rem)}.price{font-size:clamp(1.8rem,7vw,2.6rem)}.tagline{font-size:.78rem;max-width:340px}.contact-btn{padding:.8rem 1.8rem;font-size:.65rem}footer{padding:1rem 1.5rem}.footer-inner{flex-direction:column;gap:.3rem;text-align:center}.image-overlay{background: linear-gradient(
            180deg,
            rgba(12, 11, 10, 0.7) 0%,
            rgba(12, 11, 10, 0.5) 50%,
            rgba(12, 11, 10, 0.85) 100%
        )}}@media (max-width:480px){.hero-content{padding:1rem}.badge{font-size:.55rem;padding:.3rem 1rem;margin-bottom:1.5rem}.domain-name{font-size:clamp(1.6rem,9vw,2.4rem)}.price{font-size:clamp(1.5rem,8vw,2rem)}.tagline{font-size:.72rem;line-height:1.6}.contact-btn{padding:.7rem 1.5rem;font-size:.6rem}.contact-fallback{font-size:.6rem}}