/* CryptoPanel artwork: isolated from the application's own styles. */
.crypto-hero-art{position:absolute;inset:0;z-index:3;perspective:1000px;pointer-events:none}
.crypto-ring{position:absolute;left:50%;top:52%;width:410px;height:410px;border:1px solid #27e4ff55;border-radius:50%;transform:translate(-50%,-50%) rotateX(64deg) rotateZ(-20deg);box-shadow:0 0 35px #27e4ff22,inset 0 0 35px #8b5cff18}
.ring-outer::after{content:"";position:absolute;inset:-25px;border:1px dashed #8b5cff55;border-radius:50%;animation:cryptoOrbit 30s linear infinite}
.ring-inner{width:310px;height:310px;top:56%;border-color:#ff4fd855;transform:translate(-50%,-50%) rotateX(64deg) rotateZ(24deg)}
.crypto-coin{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;border:5px double #a1f2ff;isolation:isolate;box-shadow:8px 8px 0 #164a75,15px 15px 0 #0a223d,25px 28px 60px #03031e,0 0 55px #27e4ff33;background:radial-gradient(circle at 30% 22%,#b8f7ff 0,#29b6e4 16%,#184d9b 47%,#101437 76%);transform:translate(var(--d38x,0px),var(--d38y,0px)) rotateY(-22deg) rotateZ(-15deg);animation:cryptoFloat 7s ease-in-out infinite}
.crypto-coin::before{content:"";position:absolute;inset:12px;border:1px solid #ffffff50;border-radius:50%;box-shadow:inset 0 0 25px #03092666}
.crypto-coin::after{content:"";position:absolute;inset:22px;border:1px dashed #a1f2ff50;border-radius:50%}
.crypto-coin span{font-size:115px;font-weight:700;line-height:1;text-shadow:2px 3px 0 #0c3f73,0 0 22px #d0fcff80;color:#e2fbff;z-index:1}
.crypto-coin small{font:700 9px ui-monospace,monospace;letter-spacing:.24em;z-index:1;color:#c0f4ff;margin-top:10px}
.coin-btc{width:225px;height:225px;top:140px;left:21%}
.coin-eth{width:132px;height:132px;top:80px;left:0;border-color:#d5bcff;background:radial-gradient(circle at 30% 22%,#e7d8ff,#8b5cff 24%,#412077 59%,#160c34);box-shadow:6px 7px 0 #422d70,12px 13px 0 #211136,20px 20px 45px #03031e,0 0 40px #8b5cff44;transform:translate(var(--d22x,0px),var(--d22y,0px)) rotateY(20deg) rotateZ(15deg);animation-delay:-2s}
.coin-eth span{font-size:68px}.coin-eth small,.coin-usdt small{font-size:7px;letter-spacing:.12em}
.coin-usdt{width:115px;height:115px;right:0;top:285px;border-color:#a7ffda;background:radial-gradient(circle at 30% 22%,#c4ffee,#2ddfb7 24%,#117565 59%,#082a31);box-shadow:5px 6px 0 #17534e,10px 12px 0 #0c3335,20px 20px 45px #03031e,0 0 40px #2ddfb744;transform:translate(var(--d48x,0px),var(--d48y,0px)) rotateY(-25deg) rotateZ(12deg);animation-delay:-4s}.coin-usdt span{font-size:60px}
.market-hologram{position:absolute;width:320px;left:24%;bottom:30px;padding:18px;border:1px solid #27e4ff44;border-radius:18px;background:linear-gradient(135deg,#161332d9,#082632b3);backdrop-filter:blur(12px);box-shadow:0 22px 45px #0005;transform:translate(var(--d18x,0px),var(--d18y,0px)) rotateY(-15deg) rotateZ(-5deg)}
.market-hologram>div{display:flex;justify-content:space-between;font:8px ui-monospace,monospace;color:#97a6c9;letter-spacing:.06em}.market-hologram b{color:#d5f9ff}.market-hologram svg{display:block;width:100%;height:94px;margin-top:14px;filter:drop-shadow(0 0 8px #27e4ff55)}.market-hologram>small{font:7px ui-monospace,monospace;letter-spacing:.12em;color:#8196b8}
.hero-visual .orbit-scene{opacity:.15}.hero-visual .flow-card{z-index:6}.flow-card-top{right:-10px;top:26px}.flow-card-bottom{width:270px;bottom:30px;left:-25px}.flow-value small{font-size:14px;color:var(--cyan)}
.trading-window{position:absolute;top:13%;left:12%;width:76%;padding:22px;border-radius:18px;border:1px solid #27e4ff77;background:linear-gradient(135deg,#16334ed9,#120f2ee6);box-shadow:9px 10px 0 #0c1b32,20px 28px 60px #03031e;transform:translate(var(--d18x,0px),var(--d18y,0px)) rotateY(-16deg) rotateZ(-7deg);animation:cryptoFloat 8s ease-in-out infinite}
.trading-window-head{display:flex;justify-content:space-between;align-items:center;font:700 14px ui-monospace,monospace;color:#d1f9ff}.trading-window-head small{font-size:8px;letter-spacing:.16em;color:var(--lime)}
.candle-chart{height:135px;display:flex;gap:10px;align-items:center;margin:20px 0;background:repeating-linear-gradient(0deg,transparent 0 32px,#27e4ff12 33px 34px)}
.candle-chart i{position:relative;flex:1;height:35px;background:#27e4ff;border-radius:2px;box-shadow:0 0 12px #27e4ff33;transform:translateY(25px)}
.candle-chart i::after{content:"";position:absolute;width:1px;left:50%;top:-12px;bottom:-12px;background:inherit}
.candle-chart i:nth-child(3n){background:#ff4fd8;height:27px}.candle-chart i:nth-child(2n){height:53px;transform:translateY(12px)}.candle-chart i:nth-child(n+5){transform:translateY(-8px)}.candle-chart i:nth-child(n+9){transform:translateY(-30px);height:46px}
.trade-controls{display:flex;gap:12px;font:700 8px ui-monospace,monospace;letter-spacing:.03em}.trade-controls span{flex:1;padding:10px 4px;border:1px solid #27e4ff55;border-radius:7px;text-align:center;color:#27e4ff;background:#27e4ff12}.trade-controls span+span{color:#ff75db;border-color:#ff4fd844;background:#ff4fd812}
.crypto-trading-scene .token-rub{background:linear-gradient(135deg,#ffa848,#533466);color:#fff0ce;z-index:3}.crypto-trading-scene .payment-approved{z-index:4}
.scan-result strong{font-size:clamp(14px,2vw,20px)}
@keyframes cryptoFloat{0%,100%{translate:0 0}50%{translate:0 -16px}}
@keyframes cryptoOrbit{to{rotate:360deg}}
@media(max-width:1050px){.coin-btc{left:32%}.coin-eth{left:14%}.coin-usdt{right:14%}.market-hologram{left:38%;bottom:38px}.flow-card-top{right:10%;top:25px}.flow-card-bottom{left:12%;bottom:42px}}
@media(max-width:740px){.hero h1{font-size:clamp(43px,10.7vw,68px)}.crypto-hero-art{overflow:visible}.coin-btc{width:180px;height:180px;left:24%;top:112px}.coin-btc span{font-size:90px}.coin-eth{width:104px;height:104px;left:5%;top:56px}.coin-eth span{font-size:54px}.coin-usdt{width:90px;height:90px;right:3%;top:245px}.coin-usdt span{font-size:46px}.crypto-coin small{font-size:6px}.crypto-ring{width:310px;height:310px;top:55%}.ring-inner{width:240px;height:240px}.market-hologram{width:235px;left:31%;bottom:4px;padding:12px}.market-hologram svg{height:65px}.market-hologram>div{font-size:6px}.flow-card-top{width:186px;right:1%;top:5px}.flow-card-bottom{left:2%;bottom:8px;width:215px;gap:8px}.flow-card-bottom strong{font-size:10px}.flow-card-bottom .status-time{display:none}.crypto-trading-scene{height:305px}.trading-window{left:4%;width:90%;padding:18px}.candle-chart{gap:7px}.hero-benefits{gap:10px}.hero-benefits span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.crypto-coin,.trading-window,.ring-outer::after{animation:none}.crypto-coin,.market-hologram,.trading-window{translate:none}}
/* Open, readable Cyrillic typography with a restrained techno character. */
:root{--font-tech:'Exo 2',sans-serif;--font-reading:'Manrope',ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body{font-family:var(--font-reading);font-weight:400;letter-spacing:0;line-height:1.65}
h1,h2,h3,.brand{font-family:var(--font-tech);font-synthesis:none}
.hero h1{font-size:clamp(48px,5.35vw,70px);font-weight:600;line-height:1.16;letter-spacing:.005em;margin:26px 0 24px}
.hero h1 .gradient-text{margin-top:8px}
.section-heading h2,.process-heading h2,.faq-intro h2,.contact-copy h2,.approach-copy h2{font-size:clamp(38px,4.3vw,58px);font-weight:600;line-height:1.2;letter-spacing:.005em;text-wrap:balance}
h2 em{font-weight:500;color:#b7b0d1}
.solution-card h3,.process-step h3,.compliance-banner h3{font-weight:600;letter-spacing:.015em;line-height:1.35}
.brand{font-size:20px;font-weight:600;letter-spacing:.015em;gap:12px}.brand b{font-weight:600}
.hero-lead{font-size:17px;line-height:1.85;color:#b9b6cc;font-weight:400}
.solution-card p,.approach-copy>p,.section-heading>p,.faq-intro>p,.contact-copy>p{font-size:15px;line-height:1.85;color:#b2aec9}
.hero-benefits span{font-family:var(--font-tech);font-size:10px;font-weight:500;letter-spacing:.035em;color:#b5b0cc;padding:8px 11px}
.eyebrow{font-family:var(--font-tech);font-weight:500;font-size:11px;letter-spacing:.12em;line-height:1.65}
.main-nav a,.header-cta,.button{font-family:var(--font-tech);letter-spacing:.035em;font-weight:600}
.faq-list summary{font-weight:500;letter-spacing:.005em;line-height:1.6}.faq-list details p{line-height:1.85;color:#b5b0ca}
.process-step p,.compliance-banner p{font-size:14px;line-height:1.8}
.scan-option{font-family:var(--font-tech);font-weight:500;letter-spacing:.015em}.scan-result strong{font-family:var(--font-tech);font-weight:600;letter-spacing:.02em;line-height:1.5}
.flow-value{font-family:var(--font-tech);font-weight:600;letter-spacing:.02em}.flow-card-bottom strong{font-family:var(--font-tech);font-weight:500;line-height:1.4}
.legal-content>h1{font-size:clamp(34px,5vw,62px);line-height:1.2;letter-spacing:.005em;font-weight:600}.legal-content section h2{letter-spacing:.015em;line-height:1.4}
@media(max-width:740px){.hero h1{font-size:clamp(36px,9.1vw,52px);line-height:1.2;letter-spacing:0}.hero-lead{font-size:15px;line-height:1.8}.section-heading h2,.process-heading h2,.faq-intro h2,.contact-copy h2,.approach-copy h2{font-size:clamp(32px,8.2vw,43px);line-height:1.25;letter-spacing:.005em}.brand{font-size:18px}.eyebrow{font-size:9px;letter-spacing:.1em}.hero-benefits span{font-size:10px}.solution-card h3{font-size:23px}.solution-card p{font-size:14px}}
html{overflow-x:clip}
@media(max-width:740px){.hero-visual{overflow:clip}.hero-visual .flow-card-bottom{left:3%;bottom:10px}.hero-visual .market-hologram{left:29%}.contact-aura{max-width:100vw}}
.advantages-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.solution-card.advantage-card{min-height:0;padding:28px;gap:0}
.advantage-card .card-topline{font-size:8px;letter-spacing:.1em}
.advantage-icon{display:grid;place-items:center;width:64px;height:64px;margin:26px 0 22px;border:1px solid #27e4ff33;border-radius:18px;color:var(--cyan);background:linear-gradient(135deg,#27e4ff14,#8b5cff14);box-shadow:inset 0 1px #ffffff0a,0 0 25px #27e4ff0a;transform:rotate(-5deg);transition:transform .3s ease,box-shadow .3s ease}
.advantage-icon svg{width:44px;height:44px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.advantage-card:nth-child(2n) .advantage-icon{color:#c5a5ff;border-color:#8b5cff44}.advantage-card:hover .advantage-icon{transform:rotate(0) translateY(-3px);box-shadow:0 0 25px #27e4ff22}
.advantage-card h3{font-size:23px;margin-bottom:13px}.advantage-card p{margin-bottom:0;font-size:14px;line-height:1.8}
.advantages-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:26px;padding:22px 26px;border:1px solid var(--line);border-radius:18px;background:#0b102133}
.advantages-bottom p{max-width:680px;font-size:13px;line-height:1.75;margin:0;color:#a9a6c1}.advantages-bottom .button{flex-shrink:0}
@media(min-width:1051px){.main-nav{gap:22px}.main-nav a{font-size:13px}}
@media(max-width:1050px){.advantages-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){.advantages-grid{grid-template-columns:1fr;gap:14px}.solution-card.advantage-card{padding:24px}.advantage-icon{width:54px;height:54px;margin:22px 0 18px}.advantage-icon svg{width:38px;height:38px}.advantage-card h3{font-size:23px}.advantages-bottom{flex-direction:column;align-items:stretch;gap:18px;padding:22px}.advantages-bottom p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.advantage-icon{transition:none}.advantage-card:hover .advantage-icon{transform:none}}
@media(min-width:1051px){.advantages-section .section-heading{grid-template-columns:.6fr 1.6fr .8fr;gap:30px}.advantages-section .section-heading h2{font-size:clamp(38px,4vw,52px)}}
.demo-training-scene{position:relative;height:275px;margin:8px 0 24px;isolation:isolate;perspective:1000px;overflow:visible}
.demo-training-scene::before{content:"";position:absolute;inset:5% 0;background:radial-gradient(ellipse at 30% 65%,#27e4ff20,transparent 55%),radial-gradient(ellipse at 75% 45%,#8b5cff24,transparent 55%);filter:blur(18px);z-index:-1}
.demo-floor{position:absolute;width:80%;height:145px;left:10%;bottom:2%;background:repeating-linear-gradient(0deg,transparent 0 24px,#27e4ff16 25px 26px),repeating-linear-gradient(90deg,transparent 0 24px,#27e4ff16 25px 26px);transform:rotateX(65deg) rotateZ(-8deg);mask-image:radial-gradient(ellipse,black,transparent 70%)}
.demo-orbit{position:absolute;border:1px solid #57efde33;border-radius:50%;width:210px;height:210px;left:5%;top:35px;transform:rotateX(64deg) rotateZ(-20deg);box-shadow:0 0 30px #27e4ff14}
.demo-orbit::after{content:"";position:absolute;width:9px;height:9px;left:45%;top:-4px;border-radius:50%;background:#78ffdf;box-shadow:0 0 15px #78ffdf;transform-origin:5px 109px;animation:demoOrbit 12s linear infinite}
.demo-orbit-two{width:255px;height:255px;left:1%;top:12px;border-color:#8b5cff33;transform:rotateX(58deg) rotateZ(32deg)}.demo-orbit-two::after{background:#b79bff;box-shadow:0 0 15px #8b5cff;transform-origin:5px 131px;animation-direction:reverse;animation-duration:19s}
.demo-token{position:absolute;z-index:3;width:152px;height:152px;left:9%;top:45px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:5px double #a6ffe6;border-radius:50%;background:radial-gradient(circle at 28% 20%,#c8fff0,#2acfae 24%,#136e72 56%,#101c49 85%);box-shadow:7px 8px 0 #155d63,13px 15px 0 #0c303b,24px 30px 45px #02051f88,0 0 50px #66ffd326;transform:translate(var(--d28x,0px),var(--d28y,0px)) rotateY(24deg) rotateZ(-16deg);animation:cryptoFloat 6s ease-in-out infinite}
.demo-token::before{content:"";position:absolute;inset:10px;border:1px solid #d9fff966;border-radius:50%;box-shadow:inset 0 0 22px #041b4b66}.demo-token::after{content:"";position:absolute;inset:19px;border:1px dashed #c0ffee44;border-radius:50%}
.demo-token>span{font-size:82px;font-weight:700;line-height:1;color:#e5fff9;text-shadow:2px 3px #0e555d,0 0 15px #c0ffee66}.demo-token small{margin-top:9px;font:700 7px ui-monospace,monospace;letter-spacing:.14em;color:#bcfff0}
.demo-wallet{position:absolute;z-index:2;width:280px;right:5%;top:22px;padding:22px;border:1px solid #8b90ff66;border-radius:20px;background:linear-gradient(130deg,#203353e6,#13102ded);box-shadow:7px 9px 0 #0d152d,0 26px 45px #02051f88,inset 0 1px #ffffff12;transform:translate(var(--d18x,0px),var(--d18y,0px)) rotateY(-15deg) rotateZ(7deg);animation:cryptoFloat 8s ease-in-out infinite;animation-delay:-3s}
.demo-wallet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font:700 8px ui-monospace,monospace;letter-spacing:.08em;color:#a5b9d4}.demo-wallet-head i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#66ffd3;box-shadow:0 0 9px #66ffd3}.demo-wallet-head b{color:#b9ff66;font-size:8px}
.demo-wallet>small{font:500 8px var(--font-tech);letter-spacing:.15em;color:#9cafc9}.demo-wallet>strong{display:block;font:600 30px var(--font-tech);letter-spacing:.025em;color:#eef8ff;margin-top:5px}.demo-wallet>strong span{font-size:13px;color:#66ffd3}
.demo-market-line{display:block;width:100%;height:65px;margin:12px 0;filter:drop-shadow(0 0 7px #66ffd355);background:repeating-linear-gradient(0deg,transparent 0 20px,#ffffff08 21px 22px)}.demo-chart-stroke{stroke-dasharray:360;animation:demoChartDraw 9s ease-in-out infinite}
.demo-wallet-foot{display:flex;justify-content:space-between;font:500 6px var(--font-tech);letter-spacing:.04em;color:#92abc0;border-top:1px solid #ffffff12;padding-top:12px}
.demo-reset-ring{position:absolute;z-index:4;left:32%;bottom:14px;width:52px;height:52px;display:grid;place-items:center;color:#bba5ff;border:1px solid #8b5cff55;border-radius:16px;background:#161631e6;box-shadow:0 12px 25px #0004;transform:rotate(-8deg)}.demo-reset-ring svg{width:36px;height:36px;animation:demoReset 12s ease-in-out infinite}
.demo-scene-caption{position:absolute;bottom:0;right:5%;font:7px ui-monospace,monospace;letter-spacing:.12em;color:#8392b5}
@keyframes demoOrbit{to{rotate:360deg}}@keyframes demoChartDraw{0%,8%{stroke-dashoffset:360;opacity:.4}38%,85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.4}}@keyframes demoReset{0%,78%{rotate:0}92%,100%{rotate:360deg}}
@media(max-width:740px){.demo-training-scene{height:280px;margin-inline:-9px}.demo-token{width:106px;height:106px;left:3%;top:36px;z-index:3}.demo-token>span{font-size:56px}.demo-token small{font-size:5px}.demo-wallet{width:220px;right:0;top:65px;padding:18px;transform:translate(var(--d18x,0px),var(--d18y,0px)) rotateY(-12deg) rotateZ(7deg)}.demo-wallet>strong{font-size:26px}.demo-wallet-head{font-size:7px;margin-bottom:17px}.demo-wallet-foot{font-size:5px}.demo-orbit{width:160px;height:160px;left:-3%;top:20px}.demo-orbit-two{width:200px;height:200px;left:-8%;top:5px}.demo-orbit::after{transform-origin:5px 84px}.demo-orbit-two::after{transform-origin:5px 104px}.demo-reset-ring{left:9%;bottom:35px;width:43px;height:43px}.demo-scene-caption{font-size:6px;bottom:2px;right:0}}
@media(prefers-reduced-motion:reduce){.demo-token,.demo-wallet,.demo-orbit::after,.demo-chart-stroke,.demo-reset-ring svg{animation:none}.demo-chart-stroke{stroke-dashoffset:0}}
#demo-trainer{scroll-margin-top:110px}
#personal-panel{scroll-margin-top:110px}
.personal-scene{position:relative;height:275px;margin:8px -8px 24px;perspective:1000px;isolation:isolate}
.personal-halo{position:absolute;inset:0;background:radial-gradient(ellipse at 40% 45%,#8b5cff30,transparent 65%),radial-gradient(ellipse at 85% 65%,#27e4ff22,transparent 55%);filter:blur(12px)}
.personal-screen{position:absolute;width:212px;height:158px;padding:12px;border:1px solid #9ea4ff66;border-radius:13px;box-shadow:5px 7px 0 #10152d,0 20px 35px #02051f77;overflow:hidden}
.personal-screen-top{display:flex;align-items:center;justify-content:space-between;font:600 6px var(--font-tech);letter-spacing:.13em;padding-bottom:10px;border-bottom:1px solid #ffffff18}.personal-screen-top i{font-size:14px;font-style:normal;line-height:1}
.personal-screen-body{display:flex;gap:12px;height:105px;margin-top:10px}.personal-sidebar{width:17px;border-right:1px solid #ffffff16;display:flex;flex-direction:column;gap:12px;padding-right:7px}.personal-sidebar i{width:7px;height:7px;border:1px solid currentColor;border-radius:2px;opacity:.65}.personal-sidebar i:first-child{background:currentColor;box-shadow:0 0 6px currentColor}
.personal-workspace{flex:1}.personal-workspace>span{display:block;width:55%;height:4px;border-radius:3px;background:currentColor;opacity:.45}.personal-chart{height:59px;margin-top:7px;background:repeating-linear-gradient(0deg,transparent 0 16px,#ffffff09 17px 18px)}.personal-chart svg{width:100%;height:100%;overflow:visible}.personal-chart path{stroke:currentColor;stroke-width:2;fill:none;stroke-dasharray:185;animation:personalChart 8s ease-in-out infinite}.personal-mini-cards{display:flex;gap:7px;margin-top:8px}.personal-mini-cards i{height:20px;flex:1;border:1px solid currentColor;border-radius:4px;opacity:.3}
.personal-light{top:13px;left:0;color:#5b48b4;background:linear-gradient(135deg,#f1f0ff,#bccce8);border-color:#e5eeff;transform:rotateY(16deg) rotateZ(-12deg);animation:personalLight 9s ease-in-out infinite}.personal-light .personal-screen-top,.personal-light .personal-sidebar{border-color:#75649a33}.personal-light .personal-chart{background:repeating-linear-gradient(0deg,transparent 0 16px,#71619b15 17px 18px)}
.personal-dark{top:62px;left:24px;color:#60eaff;background:linear-gradient(135deg,#1b2d4c,#16102f);transform:translate(var(--d18x,0px),var(--d18y,0px)) rotateY(-13deg) rotateZ(6deg);animation:cryptoFloat 7s ease-in-out infinite}
.personal-phone{position:absolute;right:0;bottom:9px;z-index:4;width:75px;height:145px;padding:17px 9px 10px;border:2px solid #698bc4;border-radius:14px;color:#6ce8ff;background:linear-gradient(145deg,#1e244a,#101328);box-shadow:4px 5px 0 #0b1028,0 16px 30px #0007;transform:translate(var(--d28x,0px),var(--d28y,0px)) rotateY(-18deg) rotateZ(12deg);animation:cryptoFloat 8s ease-in-out infinite;animation-delay:-4s}.personal-phone-speaker{position:absolute;top:6px;left:27px;width:18px;height:3px;border-radius:3px;background:#6d80a4}.personal-phone>span{font:600 6px var(--font-tech);letter-spacing:.06em}.personal-phone svg{width:100%;height:42px;margin-top:9px;filter:drop-shadow(0 0 5px #27e4ff55)}.personal-phone path{fill:none;stroke:#66ffd3;stroke-width:2}.personal-phone-tiles{display:flex;gap:4px;margin-top:5px}.personal-phone-tiles i{flex:1;height:15px;border:1px solid #8b5cff66;border-radius:3px;background:#8b5cff15}.personal-phone-toolbar{display:flex;justify-content:space-between;margin-top:12px;border-top:1px solid #27e4ff33;padding-top:8px}.personal-phone-toolbar i{width:6px;height:6px;border:1px solid #6ce8ff77;border-radius:2px}
.personal-theme-switch{position:absolute;z-index:5;left:18px;bottom:4px;width:95px;height:35px;display:flex;justify-content:space-between;align-items:center;padding:0 11px;border:1px solid #9496ff66;border-radius:30px;background:#171832e6;color:#b8b7dd;box-shadow:0 9px 22px #0004}.personal-theme-switch span{font-size:17px;z-index:1;line-height:1}.personal-theme-switch>i{position:absolute;left:5px;top:4px;width:25px;height:25px;border-radius:50%;background:linear-gradient(135deg,#d8faff,#8b5cff);box-shadow:0 0 15px #8b5cff55;animation:personalSwitch 9s ease-in-out infinite}
.personal-palette{position:absolute;left:131px;bottom:13px;display:flex;gap:7px}.personal-palette i{width:10px;height:10px;border-radius:50%;background:#27e4ff;box-shadow:0 0 10px #27e4ff44}.personal-palette i:nth-child(2){background:#a978ff}.personal-palette i:nth-child(3){background:#ff6fdb}.personal-palette i:nth-child(4){background:#66ffd3}
@keyframes personalSwitch{0%,20%,100%{translate:0 0}45%,75%{translate:57px 0}}@keyframes personalLight{0%,20%,100%{translate:0 0;filter:brightness(1)}45%,75%{translate:0 -8px;filter:brightness(.85)}}@keyframes personalChart{0%,10%{stroke-dashoffset:185}45%,100%{stroke-dashoffset:0}}
@media(min-width:741px) and (max-width:1050px){.personal-scene{max-width:300px;width:100%;margin-inline:auto}}
@media(max-width:740px){.personal-scene{max-width:290px;width:100%;height:275px;margin:8px auto 24px}.personal-screen{width:215px}.personal-light{left:0}.personal-dark{left:25px}.personal-phone{right:1px}.personal-palette{left:130px}}
@media(prefers-reduced-motion:reduce){.personal-light,.personal-dark,.personal-phone,.personal-theme-switch>i,.personal-chart path{animation:none}.personal-chart path{stroke-dashoffset:0}}