:root{--bg:#090a0e;--panel:#14161f;--gold:#d9b65d;--cream:#f8f1e4;--muted:#b0aa9f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--cream);font-family:Arial,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;width:38rem;height:38rem;right:-15rem;top:-15rem;z-index:-1;border-radius:50%;background:#b7862640;filter:blur(65px)}h1,h2,h3,.brand,blockquote{font-family:Georgia,serif}.site-nav{background:#090a0ed9;backdrop-filter:blur(12px);border-bottom:1px solid #ffffff0d}.brand{color:var(--cream)!important;font-size:1.45rem;letter-spacing:.19em;line-height:1}.brand span{display:block;color:var(--gold);font:600 .45rem Arial;letter-spacing:.4em;margin-top:5px}.nav-links{gap:25px}.nav-links a{font-size:.7rem;color:#c9c2b4;letter-spacing:.13em;text-transform:uppercase}.nav-links a:hover,.gold-link{color:var(--gold)}.btn{font-size:.68rem;font-weight:700;letter-spacing:.11em;padding:12px 18px;text-transform:uppercase}.btn-gold{border:0;background:linear-gradient(135deg,#f8e1a0,#bf8829);color:#261b08;box-shadow:0 6px 0 #765018,0 13px 25px #0008;transition:.2s}.btn-gold:hover{background:linear-gradient(135deg,#f8e1a0,#bf8829);color:#261b08;transform:translateY(-3px);box-shadow:0 9px 0 #765018,0 18px 30px #0008}.btn-gold:active{transform:translateY(4px);box-shadow:0 2px 0 #765018}.btn-outline-gold{border-color:var(--gold);color:var(--cream)}.btn-outline-gold:hover{background:var(--gold);color:#261b08}.hero{min-height:100svh;background:radial-gradient(circle at 80% 44%,#d9b65d14,transparent 30%)}.eyebrow{color:var(--gold);font-size:.67rem;font-weight:700;letter-spacing:.29em;text-transform:uppercase}.hero h1{font-size:clamp(4rem,8vw,6.9rem);line-height:.86;letter-spacing:-.05em}.hero h1 em{color:#e3c66f}.lead,.text-muted-custom{color:var(--muted)!important;line-height:26px;font-size:26px;margin: 35px 0;}.stats b{display:block;color:var(--gold);font:600 1.8rem Georgia}.stats span{font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.crystal-stage{position:relative;aspect-ratio:1;max-width:550px;margin:auto}.orbit{position:absolute;border:1px solid #d9b65d42;border-radius:50%;animation:spin 32s linear infinite}.orbit-one{inset:7%}.orbit-two{inset:20%;border-style:dashed;animation-direction:reverse;animation-duration:45s}.bracelet{position:absolute;inset:16%;filter:drop-shadow(0 28px 25px #000b);animation:float 5s ease-in-out infinite}.gem{position:absolute;width:25%;aspect-ratio:1;border:6px solid #e3e4e5;border-radius:50%;box-shadow:inset 0 0 12px #fff8,0 0 0 2px #3b3e42;background:radial-gradient(circle at 30% 22%,#fff9,transparent 14%),radial-gradient(circle at 60% 70%,var(--gem),#0b0c0e 70%)}.green{--gem:#318545;left:37%;top:-2%}.amber{--gem:#bd7414;left:68%;top:19%}.yellow{--gem:#d5ae2d;left:69%;top:55%}.white{--gem:#b6d4e4;left:38%;top:76%}.pyrite{--gem:#a99738;left:6%;top:60%}.tiger{--gem:#865214;left:0;top:24%}.trust-bar{border-block:1px solid #ffffff18;padding:18px 0;color:var(--gold);font-size:.62rem;letter-spacing:.17em}.section-space{padding:110px 0}.section-title{text-align:center;max-width:620px;margin:0 auto 55px}.section-title h2,.story h2,.cta-box h2,.auth-modal h2{font-size:clamp(2.8rem,5vw,4.5rem);line-height:.95}.section-title>p:last-child{color:var(--muted);font-size:.9rem}.crystal-card{height:100%;padding:26px 14px;text-align:center;border:1px solid #ffffff18;border-radius:18px;background:linear-gradient(145deg,#1a1c26,#101116);transition:.3s}.crystal-card:hover{transform:translateY(-8px);border-color:var(--gold)}.card-orb{display:block;width:78px;aspect-ratio:1;margin:auto;border:3px solid #d9dbdc;border-radius:50%;background:radial-gradient(circle at 30% 22%,#fff9,transparent 14%),radial-gradient(circle at 65% 70%,var(--orb),#111 70%);box-shadow:inset 0 0 10px #fff7}.aventurine{--orb:#278446}.tiger-eye{--orb:#b46c13}.citrine{--orb:#d9ad24}.pyrite-orb{--orb:#b5a447}.quartz{--orb:#b6d4e4}.crystal-card h3{margin:18px 0 4px;font-size:1.4rem}.crystal-card p{margin:0;font-size:.7rem;color:var(--muted)}.story{background:linear-gradient(90deg,#0c0d12,#17141a)}.story-visual{min-height:380px;display:grid;place-items:center;border:1px solid #d9b65d42;border-radius:25px;background:radial-gradient(circle at 50% 38%,#d9b65d4a,transparent 26%),linear-gradient(145deg,#2b2220,#0b0c11)}.story-visual span{font:600 clamp(6rem,15vw,11rem) Georgia;color:#e3c36b;text-shadow:0 18px 23px #000}.feature-list{list-style:none;padding:0}.feature-list li{padding:14px 0;border-top:1px solid #ffffff18;font-size:.85rem}.feature-list li:before{content:'✦';color:var(--gold);margin-right:12px}.review-card{height:100%;padding:28px;border:1px solid #ffffff18;border-radius:16px;background:var(--panel)}.review-card span{color:var(--gold);letter-spacing:.12em}.review-card blockquote{font-size:1.35rem;line-height:1.35;margin:18px 0}.review-card small{color:var(--muted)}.cta-box{padding:75px 20px;border:1px solid #d9b65d55;border-radius:25px;background:radial-gradient(circle at 50% 0,#d9b65d2e,transparent 58%),#121319}.cta-box>p:not(.eyebrow){color:var(--muted);font-size:.9rem}.mobile-menu{background:#11131a;color:var(--cream);width:min(310px,85vw)}.mobile-menu .offcanvas-body>a{padding:13px 0;border-bottom:1px solid #ffffff18;color:var(--cream);font-family:Georgia;font-size:1.5rem}.auth-modal{color:var(--cream);border:1px solid #ffffff22;background:linear-gradient(145deg,#202330,#101116)}.form-label{display:block;width:100%;margin-top:15px;color:#d9cdb3;font-size:.65rem;letter-spacing:.13em;text-transform:uppercase}.form-control{margin-top:7px;padding:13px;background:#090a0e;border-color:#ffffff18;color:white}.form-control:focus{background:#090a0e;color:white;border-color:var(--gold);box-shadow:0 0 0 .2rem #d9b65d20}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-18px) rotate(5deg)}}@media(max-width:991px){.crystal-stage{max-width:430px}.hero{padding-top:70px}}@media(max-width:575px){.section-space{padding:70px 0}.trust-bar{font-size:.5rem}.story-visual{min-height:245px}.crystal-stage{max-width:370px}.hero h1{font-size:4rem}}



a {
    white-space: nowrap;
}

.aza {
    width: 100%;
    max-width: 375px;
    height: auto;
    display: block;
    margin: auto;
}
.old-price {
    font-size: 20px;
    color: #777;
    text-decoration: line-through;
    opacity: .8;
}

.new-price {
    font-size: 48px;
    font-weight: 400;
    color: #e6c15a;
    text-shadow: 0 0 15px rgba(230,193,90,.25);
}

/*=========================
    STONE SECTION
==========================*/

.stone-section {
    width: 100%;
    max-width: 1200px;
    margin: 120px auto;
    padding: 0 20px;
}

.stone-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 80px;
    margin-bottom: 120px;
}

    .stone-row.reverse {
        flex-direction: row-reverse;
    }

.stone-image {
    flex: 1;
    display: flex;
    justify-content: center;
}

    .stone-image img {
        width: 360px;
        height: 360px;
        object-fit: cover;
        border-radius: 50%;
        border: 4px solid #d9b65d;
        background: #111;
        box-shadow: 0 0 0 12px rgba(217,182,93,.08), 0 25px 70px rgba(0,0,0,.55);
        transition: .5s;
    }

        .stone-image img:hover {
            transform: scale(1.08) rotate(5deg);
            box-shadow: 0 0 35px rgba(217,182,93,.6), 0 25px 80px rgba(0,0,0,.6);
        }

.stone-content {
    flex: 1;
}

.number {
    font-size: 120px;
    font-weight: 700;
    color: rgba(217,182,93,.18);
    line-height: 1;
    display: block;
    margin-bottom: 15px;
    font-family: Georgia,serif;
}

.stone-content h2 {
    color: #fff;
    font-size: 50px;
    margin-bottom: 15px;
    font-family: Georgia,serif;
}

.stone-content h5 {
    color: #d9b65d;
    font-size: 14px;
    letter-spacing: 4px;
    margin-bottom: 25px;
}

.stone-content p {
    color: #bcbcbc;
    font-size: 17px;
    line-height: 1.9;
    max-width: 520px;
}

.stone-content ul {
    margin-top: 30px;
    padding: 0;
    list-style: none;
}

    .stone-content ul li {
        color: #ddd;
        padding: 12px 0;
        border-bottom: 1px solid rgba(255,255,255,.08);
        font-size: 16px;
    }

        .stone-content ul li::before {
            content: "✦";
            color: #d9b65d;
            margin-right: 12px;
        }

.stone-row {
    opacity: 0;
    transform: translateY(80px);
    animation: fadeUp 1s forwards;
}

    .stone-row:nth-child(2) {
        animation-delay: .2s;
    }

    .stone-row:nth-child(3) {
        animation-delay: .4s;
    }

    .stone-row:nth-child(4) {
        animation-delay: .6s;
    }

    .stone-row:nth-child(5) {
        animation-delay: .8s;
    }

@keyframes fadeUp {

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media(max-width:992px) {

    .stone-row,
    .stone-row.reverse {
        flex-direction: column;
        text-align: center;
        gap: 40px;
    }

    .stone-image img {
        width: 280px;
        height: 280px;
    }

    .number {
        font-size: 70px;
    }

    .stone-content h2 {
        font-size: 36px;
    }
}

@media(max-width:576px) {

    .stone-image img {
        width: 220px;
        height: 220px;
    }

    .number {
        font-size: 55px;
    }

    .stone-content h2 {
        font-size: 28px;
    }

    .stone-content p {
        font-size: 15px;
    }
}


/**********************************************************************/

/* Floating Navbar */
.navbar {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(26, 26, 26, 0.9);
    backdrop-filter: blur(10px);
    border-radius: 50px;
    padding: 12px 30px;
    border: 1px solid #333;
    z-index: 1000;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

.nav-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 300px;
}

.nav-center {
    display: flex;
    align-items: center;
    gap: 40px;
}

.logo {
    font-size: 1.5rem;
    font-weight: 800;
    color: #ffffff;
    text-decoration: none;
}

.nav-links {
    display: flex;
    list-style: none;
    gap: 30px;
}

    .nav-links a {
        color: #e0e0e0;
        text-decoration: none;
        font-weight: 500;
        font-size: 12px;
        transition: all 0.3s ease;
        position: relative;
    }

        .nav-links a:hover,
        .nav-links a.active {
            color: #ffffff;
        }

        .nav-links a::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -5px;
            left: 50%;
            background: #ffffff;
            transition: all 0.3s ease;
            transform: translateX(-50%);
        }

        .nav-links a:hover::after,
        .nav-links a.active::after {
            width: 100%;
        }

/* Auth buttons */
.auth-buttons {
    display: flex;
    gap: 15px;
    align-items: center;
}

.auth-btn {
    padding: 8px 20px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.9rem;
    transition: all 0.3s ease;
}

.mobile-auth-buttons {
    display: none;
    flex-direction: column;
    gap: 10px;
}

.login-btn {
    color: #e0e0e0;
    border: 1px solid #333;
}

    .login-btn:hover {
        color: #ffffff;
        border-color: #555;
    }

.signup-btn {
    background: linear-gradient(135deg, #f8e1a0, #bf8829);
    color: #000000;
    white-space: nowrap;
}

    .signup-btn:hover {
        background: #f0f0f0;
        transform: translateY(-1px);
    }

/* Mobile Menu Toggle */
.menu-toggle {
    display: none;
    background: none;
    border: none;
    color: #ffffff;
    font-size: 2.5rem;
    cursor: pointer;
    margin-left: auto;
    transform: translatex(350%);
}

/* Section Styling */
.section {
    min-height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

    .section h1 {
        font-size: 6rem;
        font-weight: 900;
        text-align: center;
        letter-spacing: -2px;
        opacity: 0.9;
        margin-bottom: 20px;
    }

.section-info {
    font-size: 1.1rem;
    color: #999;
    font-style: italic;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Individual Section Colors */
#home {
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
}

#about {
    background: linear-gradient(135deg, #1a1a1a 0%, #0a0a0a 100%);
}

#services {
    background: linear-gradient(135deg, #0a0a0a 0%, #2a2a2a 100%);
}

#portfolio {
    background: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 100%);
}

#contact {
    background: linear-gradient(135deg, #1a1a1a 0%, #0a0a0a 100%);
}


/* Responsive Design */
@media (max-width: 768px) {
    .navbar {
        top: 15px;
        padding: 10px 20px;
        width: calc(100% - 30px);
        max-width: 500px;
    }

    .nav-container {
        justify-content: space-between;
        gap: 0;
    }

    .nav-center {
        gap: 20px;
    }

    .nav-links {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: rgba(26, 26, 26, 0.95);
        flex-direction: column;
        padding: 20px;
        border-radius: 15px;
        margin-top: 10px;
        gap: 15px;
    }

        .nav-links.active {
            display: flex;
        }

    .auth-buttons {
        display: none;
    }

    .mobile-auth-buttons {
        display: flex !important;
        flex-direction: column;
        gap: 10px;
    }

        .mobile-auth-buttons .auth-btn {
            width: 100%;
            text-align: center;
        }

            .mobile-auth-buttons .auth-btn.signup-btn {
                background: #ffffff;
                color: #000000;
            }

    .menu-toggle {
        display: block;
    }

    .section h1 {
        font-size: 3.5rem;
        padding: 0 20px;
    }

    .footer-container {
        margin: 0 10px;
        padding: 30px 20px;
    }

    .footer-content {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 20px;
    }
}

@media (max-width: 480px) {
    .section h1 {
        font-size: 2.5rem;
    }

    .navbar {
        padding: 8px 15px;
    }

    .logo {
        font-size: 1.3rem;
    }
}

/* Smooth scroll enhancement */
@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
}