:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%}.landing-container{text-align:center;display:flex;flex-direction:column;gap:50px;align-items:center;padding:40px 20px;width:100%;min-height:100vh;justify-content:center}.branding{display:flex;flex-direction:column;align-items:center;gap:15px}.branding h1{font-size:clamp(2rem,8vw,4rem);margin:0;line-height:1.2;word-wrap:break-word}.gold-underline{width:150px;height:2px;background:var(--primary-gold);box-shadow:0 0 10px var(--primary-gold)}.subtitle{font-size:clamp(.9rem,4vw,1.2rem);color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;padding:0 20px}.enter-btn{margin-top:20px}@media(max-width:768px){.landing-container{gap:40px;padding:30px 16px}.gold-underline{width:120px}.subtitle{letter-spacing:1px}}@media(max-width:480px){.landing-container{gap:30px;padding:20px 12px}.branding h1{word-break:break-word}}.primary-button{position:relative;padding:15px 40px;background:transparent;color:var(--primary-gold);border:1px solid var(--primary-gold);font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;overflow:hidden;transition:var(--transition-smooth);border-radius:4px}.primary-button:hover{background:var(--primary-gold);color:#000;box-shadow:0 0 30px #d4af3766}.button-text{position:relative;z-index:1}.button-glow{position:absolute;top:50%;left:50%;width:0;height:0;background:#d4af3733;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.primary-button:hover .button-glow{width:300px;height:300px}.video-section{width:100%;min-height:100vh;background:var(--bg-gradient);padding:40px 20px;display:flex;flex-direction:column;gap:60px;align-items:center}.video-area{flex:1;display:flex;justify-content:center;align-items:center;width:100%;max-width:900px}.video-player{width:100%;height:auto;max-width:800px;aspect-ratio:16 / 9;border-radius:12px;background:#000;box-shadow:0 10px 40px #d4af374d;object-fit:contain;display:block}.video-placeholder-box{max-width:800px;width:100%;aspect-ratio:16 / 9;background:linear-gradient(135deg,#0009,#1a1a1a99);border:2px dashed rgba(212,175,55,.5);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;box-shadow:0 10px 40px #d4af374d}.placeholder-icon{font-size:64px;opacity:.6}.placeholder-text{color:var(--primary-gold);font-size:18px;font-weight:700}.placeholder-subtext{color:var(--text-secondary);font-size:12px;text-align:center;line-height:1.6}.main-content{display:flex;gap:50px;align-items:flex-start;justify-content:center;max-width:1000px;margin:0 auto;width:100%;flex-wrap:wrap}.language-area{flex:0 0 auto;min-width:200px;background:#1a1a1a99;padding:30px;border-radius:12px;border:1px solid rgba(212,175,55,.3)}.language-title{color:var(--primary-gold);font-size:18px;font-weight:700;margin-bottom:20px;text-align:center;letter-spacing:1px}.language-buttons{display:flex;flex-direction:column;gap:12px}.lang-btn{padding:14px 20px;background:#d4af3714;border:2px solid rgba(212,175,55,.4);color:var(--text-primary);border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.lang-btn:hover{background:#d4af3726;border-color:var(--primary-gold);transform:translate(4px)}.lang-btn.active{background:var(--primary-gold);color:#000;border-color:var(--primary-gold);box-shadow:0 0 20px #d4af3780}.packs-area{width:100%;text-align:center;padding:40px 20px;border-top:1px solid rgba(212,175,55,.2)}.packs-title{color:var(--primary-gold);font-size:26px;font-weight:700;margin-bottom:30px;letter-spacing:1px}.packs-buttons{display:flex;justify-content:center;align-items:center;gap:30px;max-width:1100px;margin:0 auto;flex-wrap:wrap}.pack-card{padding:12px;background:linear-gradient(135deg,#1a1a1ae6,#0a0a0af2);border:1px solid rgba(212,175,55,.3);border-radius:12px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;align-items:center;gap:8px;width:180px;position:relative;overflow:hidden;box-shadow:0 5px 20px #00000080}.pack-card:hover{border-color:var(--primary-gold);transform:translateY(-5px);box-shadow:0 15px 30px #d4af3726}.pack-card.small-pack{width:160px;transform:scale(.95)}.pack-card.small-pack:hover{transform:scale(1) translateY(-5px)}.pack-image-container{width:100%;height:90px;border-radius:8px;overflow:hidden;background:radial-gradient(circle at center,#1a1a1a,#000);border:1px solid rgba(212,175,55,.1);display:flex;align-items:center;justify-content:center;padding:5px}.pack-image{max-width:100%;max-height:100%;object-fit:contain;transition:transform .5s ease;filter:drop-shadow(0 3px 10px rgba(0,0,0,.8))}.pack-card:hover .pack-image{transform:scale(1.08) rotate(1deg)}.pack-info{display:flex;flex-direction:column;align-items:center;gap:1px}.pack-label{color:var(--primary-gold);font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;opacity:.8}.pack-price{color:#fff;font-size:24px;font-weight:800;text-shadow:0 0 10px rgba(212,175,55,.3)}.pack-currency{color:var(--primary-gold);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-top:-3px}.buy-now-btn{width:100%;padding:8px;background:linear-gradient(to right,#d4af37,#f1c40f);color:#000;border:none;border-radius:8px;font-size:12px;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:2px;font-family:inherit;text-transform:uppercase;letter-spacing:.5px}.buy-now-btn:hover{background:#fff;box-shadow:0 0 15px #d4af3766;transform:translateY(-1px)}@media(max-width:900px){.main-content{flex-direction:column;gap:20px;align-items:center}.video-area{width:100%;max-width:500px;order:-1}.language-area{width:100%;max-width:350px;padding:20px}.lang-btn{padding:10px 15px;font-size:14px}.video-player{border-radius:8px}}@media(max-width:600px){.video-section{padding:10px 8px;gap:15px}.video-player{max-height:180px;border-radius:8px}.main-content{gap:12px}.language-area{padding:10px;max-width:100%}.language-title{font-size:14px;margin-bottom:8px}.lang-btn{padding:8px 12px;font-size:13px}.packs-area{padding:10px 0;margin-top:-10px;border-top:none}.packs-title{font-size:18px;margin-bottom:12px}.packs-buttons{display:flex;justify-content:flex-start;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding:5px 5px 15px;-webkit-overflow-scrolling:touch;width:100%}.packs-buttons::-webkit-scrollbar{display:none}.pack-card{flex:0 0 115px;width:115px;padding:8px;gap:4px;background:#1a1a1afa;border-radius:8px}.pack-card.small-pack{flex:0 0 105px;width:105px;border:1px solid var(--primary-gold)}.pack-image-container{height:55px;background:transparent;padding:0}.pack-image{filter:drop-shadow(0 0 5px rgba(212,175,55,.3))}.pack-price{font-size:16px}.pack-label{font-size:10px}.pack-currency{font-size:8px}.buy-now-btn{font-size:10px;padding:6px 2px;border-radius:4px;margin-top:2px}}.language-select-container{text-align:center;display:flex;flex-direction:column;gap:30px;align-items:center;width:100%;max-width:500px;padding:20px;margin:0 auto}.language-select-container h2{font-size:clamp(1.5rem,5vw,2.5rem);margin:0}.dropdown-wrapper{position:relative;width:100%;max-width:350px}.luxury-select{width:100%;padding:14px 16px;background:#0006;border:2px solid rgba(212,175,55,.5);color:var(--primary-gold);font-size:16px;appearance:none;border-radius:6px;cursor:pointer;outline:none;transition:var(--transition-smooth);font-family:var(--font-sans);box-sizing:border-box}.luxury-select:hover{background:#d4af3714;border-color:var(--primary-gold);box-shadow:0 0 15px #d4af374d}.luxury-select:focus{border-color:var(--primary-gold);box-shadow:0 0 20px #d4af3766}.luxury-select option{background:#1a1a1a;color:#fff;padding:12px}.select-arrow{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid var(--primary-gold);pointer-events:none}.next-btn{margin-top:20px;min-width:180px}@media(max-width:768px){.language-select-container{max-width:100%;gap:25px;padding:16px}.dropdown-wrapper{max-width:100%}.luxury-select{font-size:15px;padding:13px 14px}}@media(max-width:480px){.language-select-container{gap:20px;padding:12px}.language-select-container h2{font-size:1.5rem}.luxury-select{font-size:14px;padding:12px}.next-btn{min-width:150px;font-size:14px}}.product-card{background:#ffffff08;border:1px solid rgba(212,175,55,.2);border-radius:12px;padding:clamp(20px,5vw,30px);max-width:600px;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 50px #00000080;display:flex;flex-direction:column;gap:20px;margin:0 auto}.product-image-container{width:100%;height:clamp(200px,50vw,300px);background:#fff;border-radius:8px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;border:1px solid rgba(212,175,55,.1)}.product-image{width:100%;height:100%;object-fit:contain;transition:transform .8s ease}.product-card:hover .product-image{transform:scale(1.05)}.gold-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.1),transparent);animation:shimmer 3s infinite;pointer-events:none}@keyframes shimmer{to{left:100%}}.detail-divider{width:50px;height:2px;background:var(--primary-gold);margin:15px 0}.product-info h3{font-size:clamp(1.3rem,4vw,1.8rem);margin-bottom:5px;word-wrap:break-word}.product-price{font-size:clamp(1.2rem,5vw,1.5rem);color:var(--primary-gold);font-weight:700;font-family:var(--font-serif)}.product-description{color:var(--text-secondary);line-height:1.6;margin-bottom:25px;font-size:clamp(.85rem,2vw,.95rem)}.product-footer{display:flex;flex-direction:column;gap:20px;align-items:center;width:100%}.expiry-label{font-size:clamp(.65rem,2vw,.75rem);color:#fff6;text-transform:uppercase;letter-spacing:1px}.buy-btn{width:100%}.voice-trigger-btn{position:absolute;bottom:10px;right:10px;background:var(--primary-gold);border:none;border-radius:50%;width:36px;height:36px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:1rem;box-shadow:0 4px 15px #0000004d;transition:all .3s ease;z-index:10}.voice-trigger-btn:hover{transform:scale(1.1)}.order-form-container{width:100%;max-width:700px;padding:clamp(16px,5vw,40px);text-align:center;margin:0 auto;background:#1a1a1a66;border-radius:12px;border:1px solid rgba(212,175,55,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.order-form-container h2{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:10px}.order-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(16px,3vw,24px);margin-top:30px}.form-group{display:flex;flex-direction:column;gap:8px;text-align:left}.form-group label{font-size:clamp(13px,2vw,15px);color:var(--text-secondary);font-weight:600;letter-spacing:.5px}.form-group input,.form-group textarea{width:100%;padding:clamp(10px,2vw,16px);background:#ffffff0d;border:2px solid rgba(212,175,55,.3);border-radius:8px;color:#fff;font-family:inherit;font-size:clamp(14px,2vw,16px);transition:var(--transition-smooth);box-sizing:border-box}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6}.form-group input:hover,.form-group textarea:hover{border-color:#d4af3799;background:#ffffff14}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-gold);background:#d4af371a;box-shadow:0 0 20px #d4af3740}.form-group input.error,.form-group textarea.error{border-color:#ff4d4d;background:#ff4d4d14}.form-group textarea{min-height:120px;resize:vertical;max-height:300px;grid-column:1 / -1}.error-message{color:#ff4d4d;font-size:clamp(11px,1.5vw,13px);text-align:left;margin-top:4px;font-weight:500}.submit-btn{margin-top:24px;grid-column:1 / -1}@media(min-width:1024px){.order-form{grid-template-columns:1fr 1fr}.form-group:last-of-type:nth-child(odd){grid-column:1 / -1}}@media(max-width:768px){.order-form-container{max-width:100%;padding:20px 16px;border:none;background:transparent}.order-form{grid-template-columns:1fr;gap:16px}.form-group input,.form-group textarea{padding:11px 14px;font-size:15px}.form-group textarea{min-height:100px;grid-column:1}}@media(max-width:480px){.order-form-container{padding:16px 12px}.form-group input,.form-group textarea{padding:10px 12px;font-size:14px}.form-group label{font-size:13px}.submit-btn{margin-top:18px}}.success-container{text-align:center;display:flex;flex-direction:column;gap:30px;align-items:center;width:100%;max-width:600px;padding:20px;margin:0 auto}.success-container h2{font-size:clamp(1.5rem,5vw,2.5rem);word-wrap:break-word}.success-icon-wrapper{width:clamp(80px,20vw,120px);height:clamp(80px,20vw,120px)}.checkmark{width:100%;height:100%;border-radius:50%;display:block;stroke-width:2;stroke:var(--primary-gold);stroke-miterlimit:10;box-shadow:inset 0 0 0 var(--primary-gold);animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:var(--primary-gold);fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #d4af371a}}@media(max-width:768px){.success-container{gap:25px;padding:16px}}@media(max-width:480px){.success-container{gap:20px;padding:12px}}:root{--primary-gold: #d4af37;--secondary-gold: #996515;--bg-gradient: linear-gradient(135deg, #1a1a1a 0%, #000000 100%);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--accent-glow: 0 0 15px rgba(212, 175, 55, .4);--font-serif: "Playfair Display", serif;--font-sans: "Inter", sans-serif;--transition-smooth: all .4s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;min-height:100dvh;width:100vw;display:flex;justify-content:center;align-items:center;overflow-x:hidden;-webkit-font-smoothing:antialiased}#root{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center}.app-container{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}h1,h2,h3{font-family:var(--font-serif);color:var(--primary-gold);text-transform:uppercase;letter-spacing:2px}button{cursor:pointer;border:none;background:none;font-family:inherit}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:var(--primary-gold)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%{text-shadow:0 0 5px rgba(212,175,55,.4)}50%{text-shadow:0 0 20px rgba(212,175,55,.8)}to{text-shadow:0 0 5px rgba(212,175,55,.4)}}.fade-in{animation:fadeIn .8s ease-out forwards}.glow-text{animation:glow 3s infinite ease-in-out}.hover-lift{transition:var(--transition-smooth)}.hover-lift:hover{transform:translateY(-5px);box-shadow:var(--accent-glow)}
