/* Raisa Chernikova visual edition: vivid violet palette, elegant light/dark themes. */
:root{
 --bg:#fcf9ff;--surface:#ffffff;--text:#26172f;--muted:#776881;--line:#eadcf3;
 --lime:#9128f5;--lime-text:#ffffff;--soft:#f4e9ff;--accent:#7b18df;
 --shadow:0 18px 50px #6f1acb12;--violet-deep:#6410c6;--violet:#8e25f3;--violet-bright:#a93cff;--violet-glow:#d7a8ff;
 color-scheme:light;
}
html[data-theme=dark]{
 --bg:#100817;--surface:#1a1024;--text:#faf4ff;--muted:#c9b6d7;--line:#3d2850;
 --lime:#9b35ff;--lime-text:#ffffff;--soft:#29163d;--accent:#c47cff;
 --shadow:0 20px 58px #0006;--violet-deep:#7b22e3;--violet:#a344ff;--violet-bright:#cf82ff;--violet-glow:#b86dff;
 color-scheme:dark;
}
::selection{background:var(--lime);color:#fff}
body{background:var(--bg);color:var(--text)}
body.public{
 background-image:
  radial-gradient(circle at 92% 4%,#a93cff20 0,transparent 29%),
  radial-gradient(circle at 6% 32%,#7b18df0d 0,transparent 26%),
  linear-gradient(180deg,var(--bg),var(--bg));
}
html[data-theme=dark] body.public{
 background-image:
  radial-gradient(circle at 90% 5%,#b85bff20 0,transparent 31%),
  radial-gradient(circle at 5% 35%,#7919d719 0,transparent 28%),
  linear-gradient(180deg,var(--bg),#0d0613);
}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.035em}
.public p,.public a,.public button,.admin{font-family:Arial,Helvetica,sans-serif}

/* Brand + header */
.public .topline{background:linear-gradient(95deg,#5f0fbe 0%,#8c21ed 47%,#a53cff 100%);color:#fff;border:0;box-shadow:0 5px 24px #7e1ddb24}
.header{background:#fcf9fff0;border-bottom:1px solid #d9c4e8;backdrop-filter:blur(18px) saturate(125%);box-shadow:0 10px 32px #6f1acb08}
html[data-theme=dark] .header{background:#100817e8;border-color:#3e2852;box-shadow:0 12px 38px #0004}
.header .brand{gap:13px}
.header .brand-icon{background:linear-gradient(145deg,#6410c6,#a93cff);color:#fff;border:1px solid #b96eff;box-shadow:0 10px 28px #7f1be53b}
.brand-copy{display:flex;flex-direction:column;line-height:1.05;min-width:max-content}
.brand-copy strong{font-family:Georgia,'Times New Roman',serif;font-size:18px;font-weight:600;color:var(--text)}
.brand-copy small{margin-top:6px!important;font-size:9px!important;letter-spacing:.16em!important;color:var(--accent)!important}
.desktop-nav a{transition:color .2s ease}
.desktop-nav a[aria-current]:after{background:linear-gradient(90deg,var(--accent),var(--violet-bright));height:3px;border-radius:8px}
.theme-toggle,.menu-toggle{border-color:var(--line);box-shadow:0 6px 18px #5d0fbd0c}
.theme-toggle:hover,.menu-toggle:hover{border-color:var(--accent);color:var(--accent)}
.header .nav{box-shadow:0 28px 80px #4d0f861e}

/* Home hero */
.hero{position:relative}
.hero h1{color:var(--text);text-shadow:0 1px 0 #fff4}
.hero-copy>p{font-size:18px}
.pill{color:var(--accent);font-weight:700}
.status-dot{background:var(--violet-bright);box-shadow:0 0 0 5px #a93cff18,0 0 24px #a93cff66}
.hero-person{border-top-color:var(--line)}
.guide-avatar{display:block!important;object-fit:cover!important;object-position:center 35%;padding:0!important;background:var(--surface)!important;border:2px solid #b968ff!important;box-shadow:0 8px 24px #7116d72f}
.hero-visual{
 border-radius:42px;
 background:
  radial-gradient(circle at 72% 15%,#fff9 0,transparent 22%),
  linear-gradient(145deg,#f7edff 0%,#ead7ff 50%,#d9b7ff 100%);
 border:1px solid #d1acef;box-shadow:inset 0 0 100px #ffffff80,0 24px 60px #6511c41a;
}
.hero-visual:before{background-image:linear-gradient(#7b18df0d 1px,transparent 1px),linear-gradient(90deg,#7b18df0d 1px,transparent 1px)}
.hero-visual:after{content:'';position:absolute;width:210px;height:210px;right:-70px;bottom:-80px;border-radius:50%;background:radial-gradient(circle,#a93cff32,transparent 70%);pointer-events:none}
.hero-visual .hero-product{filter:drop-shadow(0 22px 16px #5f138429)}
.visual-caption{border-top-color:#b991d5}
.visual-caption a{background:#f2dfff;border-color:#c393e9;color:#6410c6}
.orbit{border-color:#8b25e851}
.molecule-label{color:#7f1ce924}
.motion-toggle{border-color:#c28eea;background:#fbf4ff;color:#7014d0}
html[data-theme=dark] .hero-visual{
 background:radial-gradient(circle at 70% 15%,#8b36d32b 0,transparent 27%),linear-gradient(145deg,#21102f,#2c1542 58%,#3b1855);
 border-color:#593776;box-shadow:inset 0 0 100px #8e2de20d,0 28px 80px #0005;color:#f9f1ff;
}
html[data-theme=dark] .hero-visual .hero-product{mix-blend-mode:normal;filter:drop-shadow(0 24px 20px #0006)}
html[data-theme=dark] .visual-caption a{background:#39204d;border-color:#6d3b8c;color:#e7c8ff}
html[data-theme=dark] .motion-toggle{background:#251432;border-color:#60387a;color:#e5c6ff}

/* Buttons and interactive accents */
.button:not(.secondary),.public .clickable-card .card-read{
 background:linear-gradient(135deg,#7115d5 0%,#9328f4 55%,#aa42ff 100%);border-color:#8b24ee;color:#fff;
 box-shadow:0 9px 26px #7c18df29;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.button:not(.secondary):hover,.public .clickable-card .card-read:hover{transform:translateY(-2px);box-shadow:0 13px 34px #7c18df3a;filter:saturate(1.08)}
.button.secondary{background:#f7efff;border-color:#e0cbed;color:#5f157f}
html[data-theme=dark] .button.secondary{background:#2b183c;border-color:#4c2d61;color:#e5caff}
.text-link,.inline-link{color:var(--accent)}

/* Feature strip and cards */
.feature-strip{background:linear-gradient(135deg,#fff 0%,#fbf6ff 100%);border-color:#e4d1f0;box-shadow:0 13px 38px #6210b70a}
html[data-theme=dark] .feature-strip{background:linear-gradient(135deg,#1a1024,#21112e);border-color:#3c284d}
.product-card,.article-card,.resource-card,.review-card,.partner-card,.content-block,.panel{
 border-color:var(--line);box-shadow:var(--shadow);
}
.product-card{border-radius:30px;overflow:hidden}
.product-card:hover{transform:translateY(-6px);box-shadow:0 24px 58px #7818d21d}
.product-photo,.detail-photo{background:linear-gradient(145deg,#fbf7ff,#efe3f7)}
html[data-theme=dark] .product-photo,html[data-theme=dark] .detail-photo{background:linear-gradient(145deg,#22152c,#2d1a39)}
.product-photo img,.detail-photo img{mix-blend-mode:multiply}
html[data-theme=dark] .product-photo img,html[data-theme=dark] .detail-photo img{mix-blend-mode:normal}
.prices strong,.review-author,.article-number,.resource-index{color:var(--accent)}
.article-card,.resource-card,.review-card,.partner-card{border-radius:26px}
.article-card:hover,.resource-card:hover{box-shadow:0 22px 48px #771bca16}
.source-orbit,.social-logo,.channel-icon{background:linear-gradient(145deg,#7115d5,#a83dff);color:#fff}

/* Personal / story sections */
.story-profile{border-color:#dfc9ef;border-radius:36px;background:linear-gradient(145deg,#fff,#fcf8ff);box-shadow:0 25px 70px #6e15ba13}
html[data-theme=dark] .story-profile{background:linear-gradient(145deg,#1a1024,#20122c);border-color:#432957}
.story-portrait{background:linear-gradient(145deg,#f8efff,#ead8f8);border-color:#dfc5f0}
html[data-theme=dark] .story-portrait{background:#251630;border-color:#4b2e61}
.story-signature{background:linear-gradient(120deg,#6811c9,#9227f2 58%,#ab44ff);color:#fff}
.story-signature .eyebrow,.story-signature p{color:#fff}
.story-monogram{background:radial-gradient(circle at 25% 25%,#aa3cff2c,transparent 65%)}
.story-narrative{border-color:var(--line);box-shadow:0 18px 50px #6a16bc0d}
.contact-profile{background:linear-gradient(145deg,#f7edff,#efe0fb);border-color:#dfc2ef;position:relative;overflow:hidden}
.contact-profile:after{content:'';position:absolute;width:190px;height:190px;right:-65px;top:-65px;border-radius:50%;background:radial-gradient(circle,#b346ff2c,transparent 70%);pointer-events:none}
html[data-theme=dark] .contact-profile{background:linear-gradient(145deg,#231332,#2a173b);border-color:#482d5e}
.contact-portrait{outline-color:#c995ed;border-color:var(--surface);box-shadow:0 14px 40px #7418cc2a}
.contact-channel{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.contact-channel:hover{transform:translateY(-3px);border-color:#b96be9;box-shadow:0 13px 34px #7015c614}

/* Callouts / footer / floating actions */
.cta{background:linear-gradient(135deg,#f3e5ff,#fbf7ff);border-color:#dec1ef;box-shadow:0 22px 60px #6d13c60d}
html[data-theme=dark] .cta{background:linear-gradient(135deg,#261538,#1d112a);border-color:#442b59}
.footer{border-top-color:#dfcce9}
html[data-theme=dark] .footer{border-top-color:#3d294f}
.floating-actions{border-color:#dcc6e9;box-shadow:0 12px 40px #5c0fa225;backdrop-filter:blur(14px)}
.floating-contact{background:linear-gradient(135deg,#7316d7,#a93cff);color:#fff}
.floating-partner{background:#f4e8ff;color:#5b126f}
html[data-theme=dark] .floating-partner{background:#2d1a3c;color:#e7c9ff}

/* Admin also follows the purple brand while backend stays untouched. */
.admin-nav a.active{background:linear-gradient(135deg,#7215d7,#a63aff);color:#fff;border-color:#8b24ef}
.admin .panel,.admin-row,.admin-block,.form-toolbar{border-color:var(--line);box-shadow:0 10px 34px #6610b10a}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #9e35ff1d;outline:none}
.rich-toolbar button:hover{background:var(--lime);color:#fff}

/* Contact-page envelope uses the same violet language. */
.envelope-front{background:linear-gradient(150deg,transparent 49%,#7619d8 50%) left/50% 100% no-repeat,linear-gradient(210deg,transparent 49%,#9f35f6 50%) right/50% 100% no-repeat,#8f27ed!important;box-shadow:0 30px 80px #56109833!important}
.envelope-front:before{background:#b65cff!important}
.letter-paper{color:var(--accent)!important}

/* Entry animation overlay: site stays underneath and is revealed after the drop lands. */
.molecule-intro{background:radial-gradient(circle at 50% 44%,#f6eaff 0,#fcf9ff 43%,#f5edfb 100%);animation:raisa-intro-out 2.75s cubic-bezier(.3,.7,.2,1) both!important}
html[data-theme=dark] .molecule-intro{background:radial-gradient(circle at 50% 44%,#2e1741 0,#13091c 43%,#0d0613 100%)}
.molecule-intro:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 68%,#9f35ff12 0,transparent 34%);pointer-events:none}
@keyframes raisa-intro-out{0%,79%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}

@media(max-width:1199px){.brand-copy strong{font-size:16px}.brand-copy small{font-size:8px!important}}
@media(max-width:850px){.brand-copy{display:none}}
@media(max-width:720px){
 body.public{background-image:radial-gradient(circle at 95% 1%,#a23cff1b 0,transparent 24%),linear-gradient(180deg,var(--bg),var(--bg))}
 .hero h1{font-size:clamp(3rem,12vw,4.4rem)}
 .hero-visual{border-radius:30px}
 .story-profile{border-radius:26px}
 .product-card{border-radius:24px}
 .floating-actions{right:14px;bottom:max(14px,env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){.button,.contact-channel,.product-card{transition:none!important}}