@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Syne:wght@500;600;700;800&display=swap');
:root{--bg:#050006;--surface:#0d0011;--surface2:#16001c;--line:rgba(194,92,222,.16);--text:#fbf5ff;--muted:#ad9bb2;--purple:#74158d;--lav:#d59bea;--pink:#8b1aa6;--head:'Syne',ui-sans-serif,system-ui,sans-serif;--body:'Manrope',ui-sans-serif,system-ui,sans-serif}
body{min-height:100vh;background:radial-gradient(circle at 14% 8%,rgba(76,19,146,.22),transparent 32%),radial-gradient(circle at 84% 24%,rgba(93,34,171,.16),transparent 30%),linear-gradient(180deg,#030006 0%,#060009 42%,#020003 100%);background-attachment:fixed}
body:before{background:radial-gradient(ellipse at 50% -12%,rgba(92,34,171,.18),transparent 48%)}body:after{content:'';position:fixed;inset:-40%;z-index:-2;pointer-events:none;background:conic-gradient(from 120deg at 50% 50%,transparent 0 34%,rgba(100,36,196,.055) 42%,transparent 50% 78%,rgba(72,20,142,.04) 88%,transparent);animation:necrum-aurora 26s linear infinite}
.nav{border-color:rgba(168,112,255,.14);background:rgba(6,0,10,.82);box-shadow:0 18px 50px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.03)}.nav-actions{display:flex;align-items:center;gap:8px}.nav .mini-btn.signed-in{border-color:rgba(164,104,255,.34);color:#d8c2ff;background:rgba(99,35,178,.13)}
.logo img{animation:logo-breathe 4s ease-in-out infinite}.hero-brand{background:rgba(10,0,16,.78);border-color:rgba(169,107,255,.28);box-shadow:0 0 0 1px rgba(117,47,216,.08),0 16px 55px rgba(51,0,89,.38)}
.hero{isolation:isolate}.hero:before{width:760px;height:490px;background:radial-gradient(ellipse,rgba(89,29,164,.34),transparent 67%);animation:hero-pulse 8s ease-in-out infinite}.hero:after{content:'';position:absolute;z-index:-1;left:50%;top:20%;width:300px;height:300px;transform:translateX(-50%);border:1px solid rgba(129,67,226,.12);border-radius:50%;box-shadow:0 0 90px rgba(86,23,162,.15),inset 0 0 90px rgba(74,16,142,.1);animation:portal-spin 18s linear infinite}
.hero h1 span,.page-title span,.auth-intro h1 span,.account-welcome h1 span{background:linear-gradient(100deg,#d4b9ff 0%,#8b4cf4 42%,#5a1bb8 80%,#d4b9ff 100%);background-size:220% auto;color:transparent;background-clip:text;-webkit-background-clip:text;animation:text-shimmer 6s linear infinite}
.btn{position:relative;overflow:hidden;background:linear-gradient(135deg,#9d6aff,#6822d6 58%,#47118d);border-color:rgba(188,143,255,.38);box-shadow:0 10px 32px rgba(84,25,161,.3)}.btn:after{content:'';position:absolute;inset:-2px auto -2px -45%;width:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.27),transparent);transform:skewX(-20deg);transition:transform .65s}.btn:hover:after{transform:translateX(430%) skewX(-20deg)}
.product,.category,.feature,.step,.support-card,.page-box,.auth-card,.customer-order{background:linear-gradient(145deg,rgba(17,1,27,.96),rgba(7,0,11,.96));border-color:rgba(165,102,255,.13);box-shadow:inset 0 1px rgba(255,255,255,.025),0 16px 55px rgba(0,0,0,.18)}
.product:before,.feature:before,.step:before,.support-card:before,.account-actions>a:before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(185,134,255,.28),transparent 32%,transparent 68%,rgba(87,25,173,.2));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none}.product,.feature,.step,.support-card,.account-actions>a{position:relative}.product:hover:before,.feature:hover:before,.step:hover:before,.support-card:hover:before,.account-actions>a:hover:before{opacity:1}.product:hover,.feature:hover,.step:hover,.support-card:hover,.account-actions>a:hover{transform:translateY(-5px);border-color:rgba(159,94,255,.3);box-shadow:0 24px 70px rgba(57,8,101,.3),0 0 30px rgba(108,40,202,.09)}
.page-effects:before{background:radial-gradient(circle,rgba(98,35,184,.19),transparent 67%);animation:hero-glow-drift 15s ease-in-out infinite}.page-effects .pfx-dot{background:#9c64ff;box-shadow:0 0 14px #8545ee;animation-name:pfx-float,pfx-flicker;animation-duration:14s,3s}
.account-page{min-height:76vh;padding:64px 0 90px}.auth-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);align-items:center;gap:80px;max-width:1040px;margin:auto}.auth-intro h1{margin:12px 0 18px;font:600 clamp(42px,6vw,70px)/.98 var(--head);letter-spacing:-.055em}.auth-intro>p{max-width:540px;margin:0;color:var(--muted);font-size:17px;line-height:1.7}.auth-perks{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}.auth-perks span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:#0c0113;color:#c9b9d4;font-size:11px}.auth-card{padding:28px;border-radius:22px;box-shadow:0 35px 110px rgba(0,0,0,.55),0 0 70px rgba(85,22,153,.12)}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;margin-bottom:25px;border:1px solid var(--line);border-radius:13px;background:#050008}.auth-tabs button{padding:11px 8px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:650;cursor:pointer}.auth-tabs button.active{background:linear-gradient(145deg,#221032,#12031d);color:#f4eaff;box-shadow:inset 0 0 0 1px rgba(174,114,255,.16)}.auth-form{display:grid;gap:15px}.auth-form[hidden]{display:none}.auth-form label{display:grid;gap:7px;color:#c8bacf;font-size:12px}.auth-form input{width:100%;padding:13px 14px;border:1px solid rgba(170,108,255,.16);border-radius:10px;background:#08000c;color:#fff;outline:0;transition:border-color .2s,box-shadow .2s,transform .2s}.auth-form input:focus{border-color:#8b4df1;box-shadow:0 0 0 3px rgba(113,38,225,.14),0 10px 30px rgba(50,5,90,.18);transform:translateY(-1px)}.auth-form .btn{min-height:48px;margin-top:3px}.auth-message{min-height:20px;margin:14px 0 0;color:#ef9ea7;font-size:12px}.auth-message.loading{color:#cdb8e9}.auth-message.success{color:#9ce4b5}.auth-privacy{display:block;margin-top:7px;color:#786d7e;text-align:center}
.account-dashboard{max-width:1000px;margin:auto}.account-welcome{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-bottom:30px;border-bottom:1px solid var(--line)}.account-welcome h1{margin:9px 0 3px;font:600 clamp(38px,5vw,60px)/1 var(--head);letter-spacing:-.05em}.account-welcome p{margin:0;color:var(--muted)}.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:28px 0}.account-stats div{padding:22px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#100019,#07000b)}.account-stats strong{display:block;font:600 30px var(--head)}.account-stats span{color:var(--muted);font-size:11px}.account-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.account-actions>a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:20px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#11011a,#08000c);transition:.25s}.account-actions>a>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#241037;color:#c69aff}.account-actions h2{margin:0 0 3px;font-size:15px}.account-actions p{margin:0;color:var(--muted);font-size:11px}.account-actions b{color:#a36cf6}
.orders-page{min-height:74vh;padding:34px 0 90px}.orders-heading{text-align:center;margin:55px auto 38px}.orders-heading h1{margin:9px 0;font:600 clamp(42px,6vw,64px)/1 var(--head);letter-spacing:-.055em}.orders-heading p{margin:0;color:var(--muted)}.account-empty{padding:60px 24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#100018,#060009);text-align:center}.account-empty>span{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 15px;border-radius:15px;background:#251039;color:#c699ff;font-size:23px}.account-empty h2{margin:0 0 6px}.account-empty p{margin:0 0 22px;color:var(--muted)}.customer-orders{display:grid;gap:15px;max-width:900px;margin:auto}.customer-order{padding:22px;border-radius:18px}.customer-order header{display:flex;justify-content:space-between;gap:20px}.customer-order h2{margin:7px 0 3px;font:600 18px/1.35 var(--head)}.customer-order small{color:var(--muted)}.customer-order header>strong{font:600 22px var(--head)}.order-id{color:#a873f1;font-size:9px;letter-spacing:.15em}.order-progress{display:inline-flex;align-items:center;gap:8px;margin:18px 0 5px;padding:6px 10px;border-radius:999px;background:#6d28d91c;color:#c4a7ee;font-size:11px}.order-progress i{width:7px;height:7px;border-radius:50%;background:#8749e9;box-shadow:0 0 12px #8749e9}.order-progress.delivered{background:#2c8d5b1c;color:#9ce4b5}.order-progress.delivered i{background:#67d592;box-shadow:0 0 12px #67d592}.customer-order dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.customer-order dl div{padding:12px;border:1px solid var(--line);border-radius:11px;background:#07000a}.customer-order dt{color:var(--muted);font-size:9px}.customer-order dd{margin:4px 0 0;overflow-wrap:anywhere;font-size:12px}
.contact-page{min-height:76vh;display:grid;grid-template-columns:1fr minmax(360px,.8fr);align-items:center;gap:80px;padding:72px 0 95px}.contact-intro h1{margin:10px 0 18px;font:600 clamp(48px,7vw,78px)/.94 var(--head);letter-spacing:-.06em}.contact-intro h1 span{color:#8b4cf4}.contact-intro>p{max-width:540px;color:var(--muted);font-size:16px;line-height:1.7}.contact-points{display:grid;gap:10px;margin-top:28px;color:#cbbbd5;font-size:12px}.contact-points b{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:9px;border:1px solid var(--line);border-radius:8px;color:#a876ef}.contact-form{display:grid;gap:15px;padding:28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#110119,#07000b);box-shadow:0 35px 110px rgba(0,0,0,.5)}.contact-form label{display:grid;gap:7px;color:#c8bacf;font-size:12px}.contact-form input,.contact-form textarea{width:100%;padding:13px 14px;border:1px solid rgba(170,108,255,.16);border-radius:10px;background:#08000c;color:#fff;outline:0;font:inherit}.contact-form textarea{min-height:150px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#8b4df1;box-shadow:0 0 0 3px rgba(113,38,225,.14)}.contact-note{min-height:20px;margin:0;color:var(--muted);font-size:12px}.contact-note.success{color:#9ce4b5}.contact-note.error{color:#ef9ea7}
.admin-support-heading{margin-top:64px;padding-top:34px;border-top:1px solid var(--line)}.support-message>p{padding:14px;border:1px solid var(--line);border-radius:11px;background:#07000a;color:#d7cddd;white-space:pre-wrap}.support-message.resolved{opacity:.72}
@keyframes necrum-aurora{to{transform:rotate(360deg)}}@keyframes logo-breathe{0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 0 8px #7c3aed66)}50%{transform:translateY(-2px) scale(1.05);filter:drop-shadow(0 0 15px #9a5affaa)}}@keyframes hero-pulse{0%,100%{opacity:.78;transform:translateX(-50%) scale(.94)}50%{opacity:1;transform:translateX(-50%) scale(1.08)}}@keyframes portal-spin{to{transform:translateX(-50%) rotate(360deg)}}@keyframes text-shimmer{to{background-position:220% center}}@keyframes pfx-flicker{0%,100%{opacity:.28}50%{opacity:.78}}
@media(max-width:820px){.auth-layout,.contact-page{grid-template-columns:1fr;gap:35px}.auth-intro,.contact-intro{text-align:center}.auth-intro>p,.contact-intro>p{margin-inline:auto}.auth-perks{justify-content:center}.account-actions{grid-template-columns:1fr}.account-welcome{align-items:start;flex-direction:column}.contact-points{justify-content:center}}
@media(max-width:600px){.nav-actions{gap:3px}.account-page{padding:44px 0 65px}.auth-intro h1{font-size:46px}.auth-intro>p{font-size:14px}.auth-card{padding:20px 16px}.account-stats{grid-template-columns:1fr}.customer-order header{flex-direction:column}.customer-order dl{grid-template-columns:1fr}.orders-heading{margin:40px auto 28px}}
@media(prefers-reduced-motion:reduce){body:after,.logo img,.hero:before,.hero:after,.hero h1 span,.page-title span,.auth-intro h1 span,.account-welcome h1 span{animation:none!important}}

/* Purple noir art direction */
body{background:radial-gradient(circle at 78% 8%,rgba(103,11,122,.22),transparent 31%),radial-gradient(circle at 12% 31%,rgba(63,0,75,.24),transparent 35%),linear-gradient(180deg,#050006 0%,#09000c 48%,#030004 100%)}
body:before{background:radial-gradient(ellipse at 52% -12%,rgba(106,16,127,.22),transparent 51%)}body:after{background:conic-gradient(from 110deg at 50% 50%,transparent 0 31%,rgba(110,18,130,.07) 39%,transparent 48% 76%,rgba(62,4,75,.07) 86%,transparent)}
.nav{height:66px;padding-inline:22px;border-color:rgba(198,89,225,.19);background:rgba(7,0,9,.86);box-shadow:0 22px 70px rgba(0,0,0,.45),0 0 45px rgba(91,7,108,.08),inset 0 1px rgba(255,255,255,.04)}
.brand{gap:12px}.brand-word{display:flex!important;align-items:baseline;gap:7px;font:800 16px var(--head)!important;letter-spacing:.08em}.brand-word small{display:inline!important;margin:0!important;color:#9e6ba9!important;font:600 8px var(--body)!important;letter-spacing:.28em!important}.navlinks{font:600 12px var(--body);letter-spacing:.03em}.navlinks a{padding:10px 14px}.navlinks a:hover,.navlinks a.current{background:rgba(120,20,143,.18);box-shadow:inset 0 0 0 1px rgba(190,84,218,.14)}
.logo{position:relative;width:42px;height:42px;isolation:isolate}.logo:before{content:'';position:absolute;inset:4px;z-index:-1;border-radius:13px;background:radial-gradient(circle,rgba(190,62,218,.46),rgba(91,9,108,.06) 62%,transparent 70%);filter:blur(5px);animation:logo-aura 1.8s ease-in-out infinite}.logo:after{content:'';position:absolute;z-index:2;top:2px;bottom:2px;left:-12px;width:8px;background:linear-gradient(90deg,transparent,rgba(245,205,255,.75),transparent);filter:blur(1px);transform:skewX(-18deg);animation:logo-scan 2.4s ease-in-out infinite;pointer-events:none}.logo img{width:42px;height:42px;animation:logo-prism 2.4s cubic-bezier(.45,0,.55,1) infinite;filter:hue-rotate(24deg) saturate(1.25) drop-shadow(0 0 9px rgba(177,44,202,.72))}
.hero{min-height:650px;padding:112px 34px 104px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:linear-gradient(90deg,transparent 24.9%,rgba(184,77,210,.045) 25%,transparent 25.15%,transparent 49.9%,rgba(184,77,210,.045) 50%,transparent 50.15%,transparent 74.9%,rgba(184,77,210,.045) 75%,transparent 75.15%)}.hero:before{left:74%;top:30px;width:650px;height:600px;background:radial-gradient(circle,rgba(126,18,150,.32),rgba(69,2,83,.12) 43%,transparent 68%);filter:blur(34px)}.hero:after{left:77%;top:19%;width:390px;height:390px;border-color:rgba(196,68,222,.17);box-shadow:0 0 0 40px rgba(103,10,121,.035),0 0 0 90px rgba(103,10,121,.025),0 0 130px rgba(116,15,136,.22),inset 0 0 100px rgba(82,5,96,.18)}
.hero-brand{margin:0 0 30px;padding:9px 16px 9px 8px;border-color:rgba(198,84,222,.3);background:rgba(14,0,18,.8);box-shadow:0 16px 55px rgba(38,0,44,.55),inset 0 0 0 1px rgba(229,168,240,.04);font:700 11px var(--head);letter-spacing:.28em;animation:badge-float 3.4s ease-in-out infinite}.hero-brand img{width:39px;height:39px;filter:hue-rotate(24deg) saturate(1.25) drop-shadow(0 0 14px rgba(181,47,207,.78));animation:logo-prism 2.4s ease-in-out infinite}
.hero .eyebrow{margin:0 0 20px;padding:7px 13px;border:1px solid rgba(204,89,227,.24);background:rgba(116,18,136,.14);color:#d5a9df;font:650 10px var(--body);letter-spacing:.14em;text-transform:uppercase}.hero h1{max-width:850px;margin:0;font:700 clamp(58px,7.2vw,92px)/.88 var(--head);letter-spacing:-.068em}.hero h1 span,.page-title span,.auth-intro h1 span,.account-welcome h1 span{background:linear-gradient(100deg,#efd8f6 0%,#c453d8 34%,#7a168d 68%,#e6b5ef 100%);background-size:220% auto;color:transparent;-webkit-background-clip:text;background-clip:text}.hero p{max-width:590px;margin:27px 0 0;color:#b6a5bb;font-size:16px;line-height:1.8}.hero-actions{justify-content:flex-start;margin-top:34px}.hero-actions .btn{min-width:185px;border-radius:4px;font:700 13px var(--head);letter-spacing:.02em}.hero-actions .btn.ghost{border-color:rgba(201,97,224,.2);background:rgba(16,0,20,.48)}.hero-trust{justify-content:flex-start;margin-top:25px;color:#9e8da3;font-size:10px;letter-spacing:.04em}.hero-trust span:before{color:#a92abb}
.btn,.catalog-page .product-info .mini-btn{background:linear-gradient(135deg,#b642ca,#74158d 58%,#41064e);border-color:rgba(219,120,236,.34);color:#fff;box-shadow:0 12px 36px rgba(84,5,99,.36)}.products-section{background:linear-gradient(180deg,transparent,rgba(15,0,19,.94) 12%,rgba(15,0,19,.94) 88%,transparent)}.brand-marquee{border-color:rgba(194,82,217,.1);background:rgba(8,0,10,.88)}
.section{padding-block:72px}.section-head{margin-bottom:28px}.section-head h2,.catalog-heading .page-title,.page-title,.orders-heading h1{font-family:var(--head);font-weight:700;letter-spacing:-.045em}.section-head h2{font-size:clamp(30px,3.2vw,44px)}.label{color:#c15bd4;font:700 9px var(--body);letter-spacing:.23em}.product,.category,.feature,.step,.support-card,.page-box,.auth-card,.customer-order,.contact-form{border-color:rgba(190,79,215,.15);background:linear-gradient(155deg,rgba(20,0,25,.98),rgba(7,0,9,.98));box-shadow:inset 0 1px rgba(255,255,255,.025),0 22px 65px rgba(0,0,0,.26)}.product{border-radius:8px}.product:hover,.feature:hover,.step:hover,.support-card:hover,.account-actions>a:hover{border-color:rgba(196,74,221,.36);box-shadow:0 27px 80px rgba(44,0,52,.46),0 0 35px rgba(119,14,139,.13)}.trust-icon,.account-actions>a>span,.account-empty>span{background:#26052e;color:#df99e9}.delivery-pill{border-color:rgba(179,63,202,.28);background:rgba(112,15,132,.13);color:#d08fda}.catalog-page .mini-btn,.mini-btn{border-color:rgba(182,77,205,.2)}.catalog-page .product{background:#0b000e}.catalog-page .product-info h3{font-family:var(--head);font-weight:650}.footer{background:#050006;border-color:rgba(188,75,211,.12)}
.auth-intro h1,.contact-intro h1,.account-welcome h1{font-family:var(--head);font-weight:700;letter-spacing:-.06em}.auth-tabs button,.auth-form .btn,.contact-form .btn{font-family:var(--head)}.auth-tabs button.active{background:linear-gradient(145deg,#2d0736,#140019);box-shadow:inset 0 0 0 1px rgba(201,83,225,.19)}.auth-form input:focus,.contact-form input:focus,.contact-form textarea:focus{border-color:#9f2eb5;box-shadow:0 0 0 3px rgba(139,20,160,.17)}
@keyframes logo-prism{0%,100%{transform:perspective(90px) rotateY(-8deg) rotate(-1deg) scale(1);filter:hue-rotate(24deg) saturate(1.25) drop-shadow(0 0 8px rgba(170,38,194,.6))}50%{transform:perspective(90px) rotateY(12deg) rotate(2deg) scale(1.13);filter:hue-rotate(36deg) saturate(1.5) drop-shadow(0 0 18px rgba(213,76,231,.96))}}@keyframes logo-aura{0%,100%{opacity:.42;transform:scale(.82)}50%{opacity:1;transform:scale(1.28)}}@keyframes logo-scan{0%,18%{left:-12px;opacity:0}28%{opacity:1}58%{left:45px;opacity:.7}70%,100%{left:45px;opacity:0}}@keyframes badge-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(max-width:900px){.hero{min-height:590px;padding:92px 24px 78px}.hero:before{left:70%}.hero:after{left:76%;opacity:.6}.hero h1{font-size:clamp(52px,9vw,76px)}}
@media(max-width:600px){.nav{height:62px}.brand-word small{display:none!important}.hero{min-height:570px;padding:78px 8px 66px}.hero:after{left:89%;top:25%;width:270px;height:270px}.hero h1{font-size:clamp(48px,14vw,66px)}.hero p{font-size:14px}.hero-actions{width:100%}.hero-actions .btn{min-width:0;flex:1;padding-inline:10px}.hero-trust{gap:10px;flex-wrap:wrap}.section{padding-block:55px}}
@media(prefers-reduced-motion:reduce){.logo:before,.logo:after,.logo img,.hero-brand,.hero-brand img{animation:none!important}}