/* SMMEuro Yellow Edition v3.0 — custom styles loaded after PerfectPanel's Bootstrap/theme styles. No external fonts or images. No competitor assets. */ :root{--smye-yellow:#ffcb05;--smye-yellow-soft:#fff6c5;--smye-black:#191a1e;--smye-ink:#232429;--smye-muted:#737780;--smye-border:#e9e9e9;--smye-bg:#fbfbfa;--smye-white:#fff;--smye-radius:22px;--smye-shadow:0 26px 70px rgba(23,24,28,.08)} .smye,.smye *{box-sizing:border-box}.smye{margin:0;background:#fff;color:var(--smye-ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip} .smye a{text-decoration:none}.smye button,.smye input,.smye select,.smye textarea{font:inherit}.smye button{cursor:pointer}.smye a:focus-visible,.smye button:focus-visible,.smye input:focus-visible,.smye select:focus-visible{outline:3px solid #997800;outline-offset:4px}.smye-wrap{width:min(1200px,calc(100% - 70px));margin-inline:auto}.smye em{font-style:normal}.smye h1,.smye h2,.smye h3,.smye p{margin-top:0}.smye h2{letter-spacing:-.055em;line-height:1.1;font-weight:850}.smye-skip{position:absolute;z-index:999;left:10px;top:-80px;background:var(--smye-yellow);padding:12px 18px;color:#111!important;border-radius:10px}.smye-skip:focus{top:10px} /* header */ .smye-header{position:relative;z-index:60;background:#fff;border-bottom:1px solid rgba(0,0,0,.055)}.smye-header-inner{width:min(1260px,calc(100% - 70px));height:92px;margin:auto;display:flex;gap:32px;align-items:center;justify-content:space-between}.smye-logo{display:inline-flex;gap:10px;align-items:center;flex-shrink:0;color:#161616!important;white-space:nowrap}.smye-logo-symbol{width:40px;height:40px;border-radius:13px;background:var(--smye-yellow);display:grid;place-items:center;font-size:25px;font-weight:900;letter-spacing:-3px;box-shadow:0 4px 0 #e4b500;position:relative}.smye-logo-symbol span{font-size:12px;position:absolute;top:4px;right:4px;letter-spacing:0}.smye-logo-name{font-size:25px;font-weight:900;letter-spacing:-.07em;line-height:1}.smye-logo-name>span{color:#e6ab00}.smye-logo-name small{display:block;font-size:9px;letter-spacing:.13em;color:#a3a1a0;margin-top:7px;font-weight:800}.smye-nav{display:flex;align-items:center;flex:1;justify-content:flex-end;gap:37px}.smye-nav-main{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.smye-nav-main>a{font-size:14px;font-weight:700;color:#4b4b50;transition:color .2s}.smye-nav-main>a:hover,.smye-nav-main>a.is-current{color:#111}.smye-nav-actions{display:flex;gap:17px;align-items:center;flex-shrink:0}.smye-login-link{color:#1b1b1b;font-weight:800;font-size:14px}.smye-login-link:hover{color:#b28a00}.smye-btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:15px 22px;border-radius:12px;font-weight:850;letter-spacing:-.02em;border:1px solid transparent;transition:transform .22s ease,box-shadow .22s ease,background .22s ease;text-decoration:none!important;line-height:1.2;text-align:center;white-space:normal}.smye-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.14)}.smye-btn span:last-child{font-size:19px;line-height:1}.smye-btn-yellow{background:var(--smye-yellow);color:#1b1b1b!important}.smye-btn-yellow:hover{background:#f6bd00}.smye-btn-dark{background:#1f2023;color:#fff!important}.smye-btn-dark:hover{background:#38393d}.smye-btn-white{background:#fff;color:#1d1e21!important;border-color:#e7e4d7}.smye-btn-nav{min-height:44px;padding:12px 19px;font-size:13px;border-radius:11px}.smye-icon-btn{border:0;background:transparent;display:grid;place-items:center;width:44px;height:44px}.smye-nav-toggle{display:none;flex-direction:column;justify-content:center;gap:6px}.smye-nav-toggle span{width:23px;height:2px;background:#171717;display:block;border-radius:3px}.smye-dropdown{position:relative;color:#404047}.smye-dropdown>summary{list-style:none;display:flex;align-items:center;gap:7px;cursor:pointer;font-weight:750;font-size:13px;white-space:nowrap}.smye-dropdown>summary::-webkit-details-marker{display:none}.smye-dropdown-menu{position:absolute;z-index:100;top:calc(100% + 15px);right:0;width:max-content;min-width:175px;max-height:320px;overflow:auto;padding:9px;background:#fff;border:1px solid #eee;box-shadow:0 15px 45px #1a1a1a1a;border-radius:15px}.smye-dropdown-menu a{display:block;padding:9px 12px;border-radius:7px;color:#28282b;font-size:13px;white-space:nowrap}.smye-dropdown-menu a:hover,.smye-dropdown-menu a.is-current{background:#fff5c3;color:#111} /* hero */ .smye-hero{position:relative;isolation:isolate;min-height:680px;padding:84px 0 103px;background:radial-gradient(ellipse 60% 90% at 83% 40%,#fff19d 0%,#fff6cc 33%,transparent 82%),linear-gradient(116deg,#fff 0%,#fffef7 49%,#fffae0 100%);overflow:hidden}.smye-hero-mesh{position:absolute;inset:0;z-index:-1;opacity:.32;background-image:radial-gradient(#d8bd57 .9px,transparent .9px);background-size:27px 27px;mask-image:linear-gradient(90deg,transparent 38%,#000 100%)}.smye-orbit{position:absolute;border:1px solid rgba(219,175,0,.2);border-radius:50%;z-index:-1;pointer-events:none}.smye-orbit-one{width:650px;height:650px;right:-100px;top:-260px}.smye-orbit-two{width:850px;height:850px;right:-180px;top:-360px}.smye-hero-layout{display:grid;grid-template-columns:minmax(0,.97fr) minmax(0,1.03fr);gap:26px;align-items:center}.smye-hero-copy{position:relative;z-index:2;padding:8px 0 10px}.smye-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;line-height:1.4;letter-spacing:.14em;font-weight:900;color:#242222;background:#fff;padding:11px 15px;border:1px solid #f0e4ac;border-radius:30px;box-shadow:0 5px 22px #dab50010;max-width:100%}.smye-dot{width:8px;height:8px;border-radius:50%;background:#e7b800;box-shadow:0 0 0 5px #fff2ac;flex:none}.smye-eyebrow-arrow{font-size:15px;color:#be9800;margin-left:5px}.smye-hero h1{font-weight:900;letter-spacing:-.078em;font-size:clamp(46px,4.45vw,71px);line-height:1.07;margin:28px 0 23px;max-width:680px;color:#1d1d1f}.smye-highlight{display:inline-block;position:relative;isolation:isolate;white-space:normal}.smye-highlight:after{content:"";position:absolute;z-index:-1;left:0;bottom:2px;right:0;height:19px;transform:rotate(-1deg);background:var(--smye-yellow);border-radius:4px}.smye-hero-lead{max-width:525px;font-size:16px;line-height:1.95;color:#686b70;margin-bottom:27px}.smye-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.smye-hero-proof{display:flex;align-items:center;gap:11px;margin-top:31px;flex-wrap:wrap;color:#777977;font-size:12px;font-weight:700}.smye-hero-proof i{width:4px;height:4px;border-radius:50%;background:#b6b6b6}.smye-proof-icon{color:#0c7c42;font-weight:900}.smye-hero-stats{display:flex;align-items:center;gap:32px;margin-top:32px;flex-wrap:wrap}.smye-hero-stats>div{display:flex;flex-direction:column;line-height:1.4}.smye-hero-stats strong{font-size:26px;font-weight:900;letter-spacing:-.05em}.smye-hero-stats span{font-size:11px;color:#777;font-weight:750}.smye-hero-art{height:510px;position:relative;perspective:1300px;display:flex;align-items:center;justify-content:center}.smye-dashboard-mock{width:min(100%,535px);height:376px;background:white;border-radius:19px;box-shadow:0 36px 70px rgba(77,59,4,.2),0 12px 0 rgba(227,185,24,.14);display:flex;overflow:hidden;border:1px solid #e5e4dd;transform:rotate(-6deg) rotateY(-8deg);transform-origin:center;transition:transform .36s ease,box-shadow .36s ease;animation:smye-hover 6s ease-in-out infinite;will-change:transform}.smye-dashboard-mock:hover{transform:rotate(-2deg) rotateY(-3deg) translateY(-5px);box-shadow:0 40px 90px #b5993060}.smye-mock-rail{width:60px;background:#17191d;padding:17px 11px;color:#f3f3f3;display:flex;flex-direction:column;gap:13px;align-items:center}.smye-mock-rail-logo{background:var(--smye-yellow);color:#161616;font-size:22px;font-weight:950;width:35px;height:35px;border-radius:10px;text-align:center;line-height:35px;margin-bottom:18px}.smye-mock-rail-item{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:20px;color:#9d9fa5}.smye-mock-rail-item.is-selected{background:var(--smye-yellow);color:#222}.smye-mock-rail-item.last{margin-top:auto}.smye-mock-screen{padding:17px 21px;flex:1;min-width:0;background:#fff}.smye-mock-top{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#a0a1a5;font-size:8px;font-weight:900;letter-spacing:.13em}.smye-mock-top>b{color:#161616}.smye-mock-top>div{display:flex;align-items:center;gap:9px}.smye-mock-pill{width:28px;height:9px;border-radius:10px;background:#fff3bc}.smye-mock-avatar{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#ffe17b;color:#5c4500;font-size:13px}.smye-mock-welcome{font-size:21px;font-weight:950;letter-spacing:-.06em;line-height:1.3;margin-top:16px}.smye-mock-welcome span{color:#dfb600}.smye-mock-subtitle{font-size:10px;color:#9b9b9b;margin:4px 0 16px}.smye-mock-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}.smye-mock-kpi{background:#f7f7f6;padding:13px 12px;border-radius:11px;min-height:78px;display:flex;flex-direction:column}.smye-mock-kpi.yellow{background:#ffdd4a}.smye-mock-kpi span{font-size:7px;letter-spacing:.14em;color:#7d7d7d;font-weight:950}.smye-mock-kpi strong{font-size:15px;letter-spacing:-.04em;margin:3px 0;font-weight:900}.smye-mock-kpi small{font-size:8px;color:#777}.smye-mock-chart{margin-top:10px;padding:12px;background:#fff;border:1px solid #eee;border-radius:11px}.smye-mock-chart-head{display:flex;align-items:flex-start;justify-content:space-between}.smye-mock-chart-head>div{display:flex;flex-direction:column}.smye-mock-chart-head strong{font-size:11px;font-weight:900}.smye-mock-chart-head small{font-size:8px;color:#aaa}.smye-mock-chart-badge{font-size:7px;letter-spacing:.1em;font-weight:900;color:#bb9900;background:#fff7ce;border-radius:6px;padding:4px 8px}.smye-mock-chart-svg{width:100%;height:80px;display:block}.smye-drawline{stroke-dasharray:550;stroke-dashoffset:550;animation:smye-line-draw 2.2s ease forwards .2s}.smye-mock-chart-axis{display:flex;justify-content:space-between;color:#b5b5b5;font-size:7px;font-weight:850;letter-spacing:.06em}.smye-mock-bottom{display:flex;justify-content:space-between;gap:6px;align-items:center;color:#8f8f8f;font-size:9px;margin-top:10px}.smye-mock-bottom>span:last-child{color:#b68b00;font-weight:900}.smye-mock-small-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#34b87f;margin-right:3px}.smye-floating-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;background:white;border:1px solid #f0e4aa;border-radius:14px;padding:13px 17px;box-shadow:0 15px 40px #66561830;animation:smye-chipfloat 6s ease-in-out infinite}.smye-chip-one{top:48px;right:-12px;transform:rotate(5deg)}.smye-chip-two{bottom:23px;left:-27px;animation-delay:-2s}.smye-chip-round{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#ffe4de;color:#e7483a;font-weight:900}.smye-chip-round.green{color:#0a8f62;background:#defaed}.smye-floating-chip>div{display:flex;flex-direction:column}.smye-floating-chip small{font-size:8px;color:#a7a7a7;font-weight:850;letter-spacing:.12em}.smye-floating-chip strong{font-size:12px;font-weight:850;white-space:nowrap}.smye-chip-icon{font-size:19px;color:#d2ae14}.smye-float{position:absolute;font-size:40px;font-weight:900;color:#ffd941;animation:smye-rotate 12s linear infinite}.smye-float-a{top:30px;left:0}.smye-float-b{bottom:30px;right:-30px;font-size:60px;color:#ffde66;animation-direction:reverse}.smye-art-caption{position:absolute;bottom:1px;right:25%;font-size:8px;font-weight:800;letter-spacing:.18em;color:#c4b685}.smye-hero-bottomwave{position:absolute;left:-5%;right:-5%;bottom:-40px;height:65px;background:#fff;transform:rotate(-1deg)} @keyframes smye-hover{0%,100%{translate:0 0}50%{translate:0 -11px}}@keyframes smye-chipfloat{0%,100%{translate:0 0}50%{translate:0 -13px}}@keyframes smye-line-draw{to{stroke-dashoffset:0}}@keyframes smye-rotate{to{rotate:360deg}} /* platform belt */ .smye-platform-belt{border-bottom:1px solid #f1f1f1;background:#fff;padding:24px 0}.smye-belt-inner{display:flex;align-items:center;gap:34px;justify-content:space-between}.smye-belt-inner>span{font-size:10px;color:#a0a1a2;white-space:nowrap;letter-spacing:.16em;font-weight:900}.smye-belt-platforms{flex:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;gap:16px;color:#77787c}.smye-belt-platforms b{font-size:14px;letter-spacing:-.03em} /* sections and platform cards */ .smye-explore-section{padding:117px 0 120px;background:#fff}.smye-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:33px}.smye-eyebrow-soft{background:#fff8d6;border:1px solid #ffed9a;color:#8a6a00;box-shadow:none}.smye-section-head h2,.smye-center-head h2,.smye-live-copy h2,.smye-login-copy h2,.smye-faq-layout h2,.smye-register h1{font-size:clamp(35px,4.2vw,55px);margin:20px 0 17px}.smye-section-head h2 em,.smye-center-head h2 em,.smye-live-copy h2 em,.smye-login-copy h2 em,.smye-faq-layout h2 em,.smye-register h1 em{color:#d3a800}.smye-section-head p,.smye-center-head p,.smye-live-copy>p,.smye-login-copy>p,.smye-faq-layout>div>p,.smye-register-art>p{font-size:15px;line-height:1.85;color:var(--smye-muted);max-width:520px}.smye-plain-link{display:inline-flex;align-items:center;font-size:14px;font-weight:900;color:#202124!important;white-space:nowrap;padding-bottom:4px;border-bottom:2px solid var(--smye-yellow)}.smye-plain-link:hover{border-color:#222}.smye-pick-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:25px}.smye-pick-tabs button{border:1px solid #e8e8e8;background:#fafafa;border-radius:40px;padding:10px 20px;color:#65666a;font-size:13px;font-weight:800;transition:all .2s ease}.smye-pick-tabs button.is-selected,.smye-pick-tabs button:hover{background:#1e1f21;color:#fff;border-color:#1e1f21}.smye-platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.smye-platform-card{position:relative;min-height:218px;border:1px solid #eaeaea;background:#fff;box-shadow:0 6px 17px rgba(0,0,0,.022);border-radius:20px;padding:24px;overflow:hidden;display:flex;justify-content:space-between;flex-direction:column;isolation:isolate;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;color:#232428!important}.smye-platform-card:before{content:"";position:absolute;z-index:-1;inset:auto -40% -90% 10%;height:180px;background:radial-gradient(ellipse,#fff0a3,transparent 70%);opacity:0;transition:opacity .25s}.smye-platform-card:hover{transform:translateY(-7px);box-shadow:0 24px 42px rgba(44,34,0,.09);border-color:#eed060}.smye-platform-card:hover:before{opacity:1}.smye-platform-card[hidden]{display:none!important}.smye-platform-top{display:flex;align-items:flex-start;justify-content:space-between}.smye-platform-icon{display:grid;place-items:center;width:59px;height:59px;border-radius:17px;color:white;font-weight:900;font-size:29px;line-height:1}.smye-platform-arrow{font-size:21px;font-weight:750;color:#aaa;background:#f6f6f6;border-radius:50%;width:35px;height:35px;display:grid;place-items:center}.smye-platform-card:hover .smye-platform-arrow{background:var(--smye-yellow);color:#222}.smye-card-instagram .smye-platform-icon{background:linear-gradient(135deg,#7a39e9,#e3348d,#ffc356)}.smye-card-tiktok .smye-platform-icon{background:#141419;box-shadow:inset -4px -3px #1ccad2,inset 3px 3px #fb497d}.smye-card-youtube .smye-platform-icon{background:#f2353b}.smye-card-facebook .smye-platform-icon{background:#1877f2;font-family:Arial;font-size:39px}.smye-card-twitch .smye-platform-icon{background:#8051e8}.smye-card-kick .smye-platform-icon{background:#38c900;color:#151515}.smye-platform-card h3{font-weight:900;font-size:23px;letter-spacing:-.045em;margin:0 0 5px}.smye-platform-card p{margin:0;font-size:13px;color:#8b8b8d}.smye-card-lines{position:absolute;width:160px;height:160px;right:-90px;bottom:-75px;border-radius:50%;border:1px solid #f2e4a7;transform:scale(.5);opacity:0;transition:transform .4s,opacity .4s}.smye-platform-card:hover .smye-card-lines{transform:scale(1);opacity:1} /* live section */ .smye-live-section{padding:110px 0;background:#fafaf8;overflow:hidden}.smye-live-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.smye-live-copy h2{margin-top:23px}.smye-live-copy>p{max-width:490px}.smye-live-features{margin:26px 0 29px;max-width:455px}.smye-live-features>div{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;gap:0 15px;align-items:center;padding:13px 0;border-bottom:1px solid #e7e7e5}.smye-live-features>div span{grid-row:1 / 3;color:#b39a38;font-weight:950;font-size:17px}.smye-live-features b{font-weight:850;font-size:14px}.smye-live-features small{font-size:12px;color:#8b8d8e}.smye-live-visual{height:525px;position:relative;display:grid;place-items:center}.smye-live-halo{position:absolute;width:94%;aspect-ratio:1;background:#fff0b7;border-radius:50%;box-shadow:0 0 0 42px #fff7df,0 0 0 80px #fffdf5;transform:rotate(12deg)}.smye-live-widget{position:relative;background:#1e2024;color:#fff;width:min(100%,480px);padding:27px;border:1px solid #47484a;border-radius:23px;box-shadow:0 35px 60px #00000028;transform:rotate(3deg);transition:transform .3s}.smye-live-widget:hover{transform:rotate(0)}.smye-live-widget-head{display:flex;justify-content:space-between;color:#dadbdc;font-size:9px;font-weight:900;letter-spacing:.13em}.smye-live-widget-head>span:first-child{display:flex;align-items:center;gap:8px}.smye-live-blink{width:9px;height:9px;border-radius:50%;background:#fd5054;display:inline-block;animation:smye-pulse 2s infinite}@keyframes smye-pulse{50%{box-shadow:0 0 0 6px #ff4b4b33}}.smye-live-widget-title{font-weight:950;font-size:28px;letter-spacing:-.05em;margin:24px 0 21px}.smye-live-widget-title>span{color:var(--smye-yellow);margin-left:7px}.smye-live-row{display:flex;align-items:center;gap:13px;background:#2b2c30;border:1px solid #3e3e41;padding:12px;border-radius:13px;margin-top:9px}.smye-live-icon{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;font-weight:950;font-size:20px}.smye-live-icon.pink{background:#202226;box-shadow:inset 3px 0 #ef4f79,inset -3px 0 #2de3df}.smye-live-icon.blue{background:#2771f3}.smye-live-icon.purple{background:#8955e7}.smye-live-icon.lime{background:#3bf300;color:#161616}.smye-live-row>div{display:flex;flex-direction:column;flex:1}.smye-live-row strong{font-size:14px}.smye-live-row small{font-size:10px;color:#adafb5}.smye-live-row>b{font-size:18px;color:#ffe27c}.smye-live-widget-foot{font-size:10px;color:#a7a7a7;text-align:center;margin-top:21px}.smye-live-floating{position:absolute;bottom:18px;right:5px;background:#fff;border-radius:14px;padding:15px 20px;box-shadow:0 12px 36px #68572d38;transform:rotate(-10deg);font-size:20px;font-weight:950;color:#cbaa23}.smye-live-floating span{font-size:13px;color:#171717;letter-spacing:.13em} /* steps */ .smye-steps-section{padding:112px 0;background:white}.smye-center-head{text-align:center;margin-bottom:44px}.smye-center-head p{margin:0 auto}.smye-steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.smye-step{border:1px solid var(--smye-border);border-radius:22px;min-height:354px;padding:26px;transition:transform .25s,box-shadow .25s}.smye-step:hover{transform:translateY(-5px);box-shadow:0 22px 42px #0000000c}.smye-step-num{display:flex;justify-content:space-between;font-size:13px;font-weight:950;letter-spacing:.08em;color:#9b9b9b}.smye-step-num i{font-size:21px;font-style:normal;color:#e3ba12}.smye-step-illustration{height:155px;margin:12px 0 8px;position:relative;display:flex;align-items:center;justify-content:center}.smye-step-find>div{border-radius:13px;background:#fff;box-shadow:0 10px 26px #00000012;border:1px solid #eee;padding:15px 24px;font-size:20px;font-weight:900}.smye-step-find>div span{font-size:12px;color:#aaa;margin-left:11px}.smye-step-find>i{position:absolute;display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#ffdc43;left:9%;top:14%;font-style:normal;font-weight:900;rotate:-16deg}.smye-step-find>i:last-child{left:auto;right:9%;top:auto;bottom:12%;background:#ff6a69;color:white;rotate:15deg}.smye-step-order{flex-direction:column;gap:11px}.smye-step-order>div{width:70%;padding:11px 14px;border-radius:9px;background:#f3f3f2;color:#737373;font-weight:850;font-size:12px}.smye-step-order>div:last-child{background:#ffe16d;color:#34302b;transform:translateX(18px)}.smye-step-order span{margin-right:9px}.smye-step-track{flex-direction:column;gap:15px;align-items:stretch;justify-content:center;padding:25px}.smye-step-track>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:12px}.smye-step-track>div:first-child span{color:#e2bb12}.smye-step-trackbar{height:12px;background:#f0efe9;border-radius:12px;overflow:hidden}.smye-step-trackbar span{display:block;width:76%;height:100%;background:linear-gradient(90deg,#ffcb05,#ffe994);border-radius:12px}.smye-step h3{font-size:22px;letter-spacing:-.04em;font-weight:950;margin:8px 0}.smye-step p{font-size:13px;color:#84868c;line-height:1.75;max-width:280px} /* sign-in / forms */ .smye-login-section{background:#fff8df;padding:110px 0}.smye-login-grid{display:grid;grid-template-columns:1fr 450px;gap:110px;align-items:center}.smye-login-copy h2{max-width:480px}.smye-login-benefits{margin-top:27px;display:flex;flex-direction:column;gap:13px;color:#515256;font-size:14px;font-weight:800}.smye-login-benefits span{color:#cc9d00;margin-right:10px}.smye-login-box,.smye-register-card{background:white;border-radius:23px;box-shadow:var(--smye-shadow);padding:32px;border:1px solid #f0eddd}.smye-login-box-top{display:flex;align-items:center;justify-content:space-between}.smye-form-kicker{font-size:10px;font-weight:950;letter-spacing:.13em;color:#b08a00}.smye-login-box-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--smye-yellow);font-size:19px}.smye-login-box h2,.smye-register-card h2{font-size:28px;line-height:1.2;font-weight:950;letter-spacing:-.055em;margin:10px 0 6px}.smye-login-box h2 span{color:#e4b400}.smye-login-box>p,.smye-register-card>p{font-size:13px;color:#919191;margin-bottom:23px}.smye .form-group{margin-bottom:17px}.smye .form-group label{display:block;font-size:12px;font-weight:850;color:#414244;margin-bottom:8px}.smye .form-control{display:block;width:100%;min-height:48px;border:1px solid #e8e8ea;background:#fafafa;color:#27282a;font-size:13px;box-shadow:none;border-radius:10px;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.smye .form-control:focus{border-color:#e8c137;box-shadow:0 0 0 3px #ffdd5633;outline:none}.smye .form-control::placeholder{color:#b0b0b4}.smye-field-between{display:flex;justify-content:space-between;align-items:center;gap:10px}.smye-field-between>a{font-size:12px;font-weight:800;color:#b78e00}.smye-pass-wrap{position:relative}.smye-pass-wrap .form-control{padding-right:71px}.smye-pass-wrap button{position:absolute;right:9px;top:50%;transform:translateY(-50%);background:transparent;border:0;color:#99802a;font-size:11px;font-weight:850;padding:8px}.smye-check{display:flex;gap:9px;align-items:flex-start;font-size:12px!important;color:#787878;font-weight:650;margin:13px 0 18px;cursor:pointer}.smye-check input{accent-color:var(--smye-yellow);margin-top:3px;flex:none}.smye-check a{color:#9a7700;text-decoration:underline}.smye-form-submit{width:100%;border:none;min-height:50px}.smye-form-switch{text-align:center;font-size:12px;color:#898989;margin:19px 0 0}.smye-form-switch a{font-weight:900;color:#bb9000}.smye-captcha{margin:14px 0}.smye .alert{border-radius:10px;padding:12px 15px;font-size:13px;margin-bottom:16px} /* FAQ and final CTA */ .smye-faq-section{padding:113px 0;background:#fff}.smye-faq-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.smye-faq-layout>div>p{margin-bottom:25px}.smye-accordions details{border-bottom:1px solid #e6e6e6;padding:20px 0}.smye-accordions details:first-child{border-top:1px solid #e6e6e6}.smye-accordions summary{display:flex;justify-content:space-between;align-items:center;list-style:none;font-size:15px;font-weight:850;cursor:pointer;gap:15px}.smye-accordions summary::-webkit-details-marker{display:none}.smye-accordions summary span{font-size:22px;font-weight:500;color:#b89414}.smye-accordions details[open] summary span{transform:rotate(45deg)}.smye-accordions p{margin:14px 0 0;color:#808184;font-size:13px;line-height:1.8}.smye-final-cta{background:#ffd235;padding:60px 0 70px;overflow:hidden}.smye-final-inner{position:relative;display:flex;justify-content:space-between;align-items:center;gap:30px}.smye-final-inner>div>span{font-size:11px;letter-spacing:.13em;font-weight:950;color:#766015}.smye-final-inner h2{font-size:clamp(36px,4vw,54px);margin:11px 0 10px}.smye-final-inner h2 em{background:white;padding:0 7px;box-decoration-break:clone}.smye-final-inner p{margin:0;font-size:15px;color:#77621d}.smye-final-spark{font-size:170px;position:absolute;right:20%;top:-105px;color:#ffffff55;pointer-events:none;rotate:20deg} /* Registration page */ .smye-register{background:linear-gradient(110deg,#fff 0,#fffdf1 44%,#fff3b7);min-height:calc(100vh - 92px);padding:80px 0 110px}.smye-register-grid{display:grid;grid-template-columns:1fr 500px;align-items:center;gap:100px}.smye-register h1{font-size:clamp(40px,4.3vw,62px);font-weight:950}.smye-register-bullets{margin:29px 0;color:#57585b;font-weight:800;font-size:14px;display:flex;flex-direction:column;gap:16px}.smye-register-bullets span{display:inline-grid;place-items:center;background:#ffe37a;border-radius:50%;width:23px;height:23px;margin-right:8px}.smye-register-deco{margin-top:40px;width:270px;height:92px;background:#1d1e22;display:flex;gap:15px;align-items:center;padding:17px;color:white;border-radius:19px;transform:rotate(-4deg);box-shadow:13px 17px 0 #ffdf5c}.smye-register-deco>span{font-size:38px;color:#ffda28}.smye-register-deco>div{display:flex;flex-direction:column}.smye-register-deco>div strong{font-size:22px;letter-spacing:-.06em}.smye-register-deco>div small{font-size:8px;letter-spacing:.15em;color:#aaa}.smye-register-deco b{margin-left:auto;font-size:22px}.smye-register-card{padding:35px}.smye-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px} /* customer workspace skin (preserves underlying native templates) */ .smye-auth{background:#f8f9fa}.smye-app{min-height:100vh;display:flex}.smye-side{width:260px;flex:none;background:#fff;border-right:1px solid #ededed;min-height:100vh;display:flex;flex-direction:column;padding:26px 17px;position:sticky;top:0;height:100vh;overflow:auto;z-index:72}.smye-side-brand{padding:0 12px 35px}.smye-side-brand .smye-logo-name{font-size:23px}.smye-side-brand .smye-logo-symbol{width:40px;height:40px}.smye-side-label{color:#aaabb0;letter-spacing:.16em;font-size:10px;font-weight:950;padding:10px 14px}.smye-side-links{display:flex;flex-direction:column;gap:4px;margin-top:7px}.smye-side-link{color:#65676c!important;display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:11px;font-size:13px;font-weight:750;min-width:0;transition:background .15s,color .15s}.smye-side-link:hover{background:#f7f7f7;color:#222!important}.smye-side-link.is-current{background:#fff1a9!important;color:#252525!important;font-weight:900}.smye-side-link-icon{width:26px;height:26px;display:grid;place-items:center;color:#909196;font-size:17px}.smye-side-link.is-current .smye-side-link-icon{color:#a27b00}.smye-side-arrow{margin-left:auto;color:#a3a3a3;font-size:20px}.smye-side-promo{margin-top:auto;background:#fff4be;border-radius:17px;padding:20px;margin-inline:3px}.smye-promo-icon{font-size:26px;display:block;color:#bc9700}.smye-side-promo strong{display:block;font-size:14px;font-weight:900}.smye-side-promo p{font-size:11px;color:#8a7d53;line-height:1.7;margin:6px 0 13px}.smye-side-promo a{color:#292624;font-size:12px;font-weight:900}.smye-app-body{flex:1;min-width:0}.smye-appbar{background:#fff;height:86px;border-bottom:1px solid #ededed;display:flex;justify-content:space-between;align-items:center;gap:17px;padding:12px clamp(20px,3vw,48px)}.smye-appbar-heading{display:flex;align-items:center;gap:15px}.smye-appbar-heading>div{display:flex;flex-direction:column}.smye-appbar-heading span{font-size:9px;letter-spacing:.13em;color:#aaa;line-height:1.8;font-weight:950}.smye-appbar-heading strong{font-size:20px;font-weight:900;letter-spacing:-.04em}.smye-appbar-actions{display:flex;align-items:center;gap:15px}.smye-balance{display:flex;gap:12px;align-items:center;border-radius:12px;background:#fff4c1;color:#111!important;padding:9px 14px}.smye-balance span{font-size:9px;letter-spacing:.09em;font-weight:900}.smye-balance strong{font-size:16px;font-weight:950}.smye-balance b{font-size:18px}.smye-avatar{width:38px;height:38px;border-radius:50%;background:#1d1e22;color:#ffd235;display:grid;place-items:center;font-weight:950;font-size:16px}.smye-profile-dropdown>summary{gap:4px}.smye-app-main{width:min(1420px,100%);padding:35px clamp(18px,3vw,48px) 70px;margin:0 auto}.smye-app-main .container,.smye-app-main .container-fluid{width:100%!important;max-width:100%;padding:0}.smye-app-main .row{margin-left:-10px;margin-right:-10px}.smye-app-main .row>[class*="col-"]{padding-left:10px;padding-right:10px}.smye-app-main .well,.smye-app-main .panel,.smye-app-main .card{background:#fff;border-radius:18px;border:1px solid #ebebed;box-shadow:0 7px 22px #00000008;padding:24px}.smye-app-main .panel>.panel-heading,.smye-app-main .panel-heading{border:0;background:transparent;border-radius:18px 18px 0 0;font-size:18px;font-weight:900;padding:17px 22px}.smye-app-main .btn-primary,.smye-app-main button[type=submit],.smye-app-main input[type=submit]{background:#ffcb05;color:#1b1b1b;border:1px solid #edbd00;border-radius:9px;font-weight:850;padding:10px 19px;box-shadow:none}.smye-app-main .btn-primary:hover,.smye-app-main button[type=submit]:hover{background:#f0be00;border-color:#d7a800}.smye-app-main .btn-default{background:#fff;border:1px solid #e6e6e6;border-radius:9px;font-weight:750}.smye-app-main .form-control{border:1px solid #e4e5e7;border-radius:9px;min-height:42px;box-shadow:none;background:#fdfdfd;padding:9px 12px}.smye-app-main .form-control:focus{border-color:#e1b300;box-shadow:0 0 0 3px #ffcb0530}.smye-app-main .table-responsive{border:0;border-radius:14px;overflow:auto}.smye-app-main table.table{width:100%;background:#fff;border-collapse:separate;border-spacing:0}.smye-app-main table.table th{background:#fff8d9;border-top:none;color:#2c2c2c;font-size:12px;font-weight:900;padding:14px 11px;white-space:nowrap}.smye-app-main table.table td{font-size:12px;padding:13px 11px;vertical-align:middle;border-top:1px solid #f0f0f0}.smye-app-main table.table tbody tr:hover td{background:#fffdf3}.smye-app-main .pagination>.active>a,.smye-app-main .pagination>.active>span{background:var(--smye-yellow);border-color:var(--smye-yellow);color:#141414}.smye-app-main .nav-tabs>li.active>a{border-bottom:3px solid #ffc900;font-weight:900}.smye-side-toggle{display:none}.smye-shade{display:none} /* RTL direction: keep visual components natural and inputs correct */ .smye-rtl .smye-appbar,.smye-rtl .smye-side-links{text-align:start}.smye-rtl .smye-side{border-right:0;border-left:1px solid #eee}.smye-rtl .smye-side-arrow{margin-left:0;margin-right:auto;transform:scaleX(-1)}.smye-rtl .smye-dropdown-menu{right:auto;left:0}.smye-rtl .smye-pass-wrap .form-control{padding-right:14px;padding-left:71px}.smye-rtl .smye-pass-wrap button{right:auto;left:9px}.smye-rtl .smye-register-deco b{margin-left:0;margin-right:auto} /* reduced motion first: reveal only if JS enables it */ .smye.motion-ready .smye-reveal{opacity:0;transform:translateY(23px);transition:opacity .65s ease,transform .65s ease}.smye.motion-ready .smye-reveal.is-visible{opacity:1;transform:translateY(0)} @media(max-width:1150px){.smye-header-inner{width:calc(100% - 42px)}.smye-nav{gap:15px}.smye-nav-main{gap:14px}.smye-wrap{width:calc(100% - 54px)}.smye-hero{padding-top:65px}.smye-hero h1{font-size:52px}.smye-dashboard-mock{height:355px}.smye-hero-art{height:470px}.smye-floating-chip{scale:.88}.smye-login-grid{gap:60px}.smye-live-layout{gap:40px}.smye-register-grid{gap:55px}} @media(max-width:920px){.smye-header-inner{height:75px}.smye-nav-toggle{display:flex}.smye-nav{display:none;position:absolute;left:0;right:0;top:75px;background:#fff;box-shadow:0 20px 30px #00000016;padding:21px 28px 29px;flex-direction:column;align-items:stretch;gap:21px}.smye-nav.is-open{display:flex}.smye-nav-main{display:flex;align-items:stretch;gap:0;flex-direction:column}.smye-nav-main>a{padding:13px 0;border-bottom:1px solid #eee}.smye-nav-actions{justify-content:space-between}.smye-hero-layout{grid-template-columns:1fr;gap:5px}.smye-hero{text-align:center;padding-top:63px;padding-bottom:50px}.smye-hero-copy{display:flex;align-items:center;flex-direction:column}.smye-hero h1{font-size:clamp(46px,7vw,72px)}.smye-hero-lead{text-align:center}.smye-hero-proof{justify-content:center}.smye-hero-art{height:500px;width:min(600px,100%);margin:auto}.smye-belt-inner{display:block;text-align:center}.smye-belt-platforms{margin-top:15px;justify-content:center;gap:18px}.smye-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.smye-live-layout,.smye-login-grid,.smye-faq-layout,.smye-register-grid{grid-template-columns:1fr;gap:50px}.smye-live-visual{height:500px}.smye-register{padding-top:60px}.smye-register-card{width:min(600px,100%);margin:auto}.smye-steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.smye-step{padding:18px}.smye-step-illustration{height:125px}.smye-final-inner{flex-wrap:wrap}.smye-side{position:fixed;top:0;left:0;transform:translateX(-110%);transition:transform .25s;width:270px;box-shadow:15px 0 40px #00000016}.smye-side-toggle{display:grid}.smye-sidebar-open .smye-side{transform:translateX(0)}.smye-sidebar-open .smye-shade{display:block;position:fixed;inset:0;background:#1b1b1b77;z-index:71}.smye-rtl .smye-side{left:auto;right:0;transform:translateX(110%)}.smye-rtl.smye-sidebar-open .smye-side{transform:translateX(0)}.smye-appbar{height:77px}} @media(max-width:610px){.smye-wrap{width:calc(100% - 36px)}.smye-header-inner{width:calc(100% - 34px)}.smye-logo-symbol{width:34px;height:34px;font-size:22px}.smye-logo-name{font-size:22px}.smye-nav-actions{flex-wrap:wrap}.smye-hero{padding-top:49px}.smye-eyebrow{font-size:9px;letter-spacing:.08em;padding:10px 12px}.smye-hero h1{font-size:clamp(38px,10.5vw,54px);letter-spacing:-.07em;margin:20px 0}.smye-highlight:after{height:13px}.smye-hero-lead{font-size:14px;line-height:1.85}.smye-hero-actions{justify-content:center}.smye-hero-actions .smye-btn{font-size:12px;min-height:48px;padding:13px}.smye-hero-proof{font-size:10px;gap:7px}.smye-hero-stats{justify-content:center;gap:20px}.smye-hero-stats strong{font-size:21px}.smye-hero-art{height:335px;margin-top:32px}.smye-dashboard-mock{width:100%;height:300px;transform:rotate(-4deg) scale(.92);animation:none}.smye-mock-rail{width:46px;padding:12px 6px}.smye-mock-rail-logo{width:30px;height:30px;line-height:30px}.smye-mock-screen{padding:12px}.smye-mock-welcome{font-size:17px}.smye-mock-kpi{min-height:66px;padding:10px}.smye-mock-chart{margin-top:7px;padding:8px}.smye-mock-chart-svg{height:55px}.smye-floating-chip{scale:.65}.smye-chip-one{top:-5px;right:-30px}.smye-chip-two{bottom:-17px;left:-33px}.smye-float{font-size:20px}.smye-float-b{font-size:25px;right:0}.smye-art-caption{font-size:6px}.smye-explore-section,.smye-steps-section,.smye-login-section,.smye-faq-section{padding:65px 0}.smye-section-head{display:block;margin-bottom:25px}.smye-section-head h2,.smye-center-head h2,.smye-live-copy h2,.smye-login-copy h2,.smye-faq-layout h2,.smye-register h1{font-size:36px}.smye-section-head .smye-plain-link{margin-top:10px}.smye-pick-tabs button{font-size:11px;padding:9px 13px}.smye-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.smye-platform-card{padding:16px;min-height:185px;border-radius:15px}.smye-platform-icon{width:47px;height:47px;font-size:22px;border-radius:13px}.smye-platform-card h3{font-size:19px}.smye-platform-card p{font-size:11px}.smye-platform-arrow{width:28px;height:28px;font-size:15px}.smye-live-section{padding:65px 0}.smye-live-visual{height:445px}.smye-live-widget{padding:18px}.smye-live-widget-title{font-size:24px}.smye-live-row{padding:10px}.smye-live-floating{scale:.73;right:-23px;bottom:5px}.smye-steps-grid{grid-template-columns:1fr}.smye-step{min-height:300px}.smye-step-illustration{height:138px}.smye-login-box,.smye-register-card{padding:24px}.smye-login-copy h2{margin-top:20px}.smye-faq-layout{gap:20px}.smye-final-cta{padding:55px 0}.smye-final-inner h2{font-size:37px}.smye-register{padding:47px 0 70px}.smye-two-fields{grid-template-columns:1fr;gap:0}.smye-appbar{padding:10px 14px}.smye-appbar-heading strong{font-size:14px}.smye-appbar-heading span{font-size:8px}.smye-balance{padding:7px 10px}.smye-balance span{display:none}.smye-balance strong{font-size:13px}.smye-appbar-actions{gap:8px}.smye-appbar-actions>.smye-dropdown:not(.smye-profile-dropdown){display:none}.smye-app-main{padding:21px 14px}.smye-app-main .well,.smye-app-main .panel,.smye-app-main .card{padding:16px}.smye-app-main table.table{min-width:600px}} @media(max-width:365px){.smye-wrap{width:calc(100% - 24px)}.smye-hero h1{font-size:35px}.smye-hero-art{height:310px}.smye-dashboard-mock{transform:rotate(-3deg) scale(.84)}.smye-platform-grid{gap:8px}.smye-platform-card{padding:12px;min-height:170px}.smye-platform-card h3{font-size:17px}.smye-belt-platforms b{font-size:12px}} @media(prefers-reduced-motion:reduce){.smye *, .smye *::before,.smye *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.smye.motion-ready .smye-reveal{opacity:1!important;transform:none!important}.smye-drawline{stroke-dashoffset:0!important}} /* ═══ SMMEuro Yellow v4.0 · First-screen sign in · Self-contained 3D artwork ═══ */ :root{--smv-yellow:#ffed00;--smv-ink:#18191d;--smv-soft:#f7f8fe;--smv-line:#e9edf3} .smye-v4{background:#fff;color:var(--smv-ink);font-family:Inter,"Segoe UI",Arial,sans-serif} .smye-v4 .smye-public-main{overflow:hidden} /* Floating premium navigation */ .smye-v4 .smye-header{height:0;background:transparent;border:0;position:relative;z-index:90} .smye-v4 .smye-header-inner{position:relative;top:20px;height:80px;max-width:1350px;width:calc(100% - 70px);background:rgba(255,255,255,.96);padding:0 30px;border:1px solid #fff;box-shadow:0 19px 55px rgba(81,78,16,.095);border-radius:23px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)} .smye-v4 .smye-logo-symbol{background:var(--smv-yellow);color:#151617;border-radius:12px;box-shadow:0 7px 15px #ffe50066} .smye-v4 .smye-logo-name{color:#17191c;font-weight:900;letter-spacing:-1.4px} .smye-v4 .smye-logo-name span{color:#e4bd00} .smye-v4 .smye-nav-main a{color:#32363d;font-weight:750} .smye-v4 .smye-nav-main a.is-current{color:#17191c} .smye-v4 .smye-nav-main a.is-current:after{background:#ffcf00} .smye-v4 .smye-btn-nav{border-radius:13px;background:#fff100!important;color:#17191b!important;box-shadow:0 5px 1px #edcb00,0 8px 20px #f4d00037;font-weight:800} .smye-v4 .smye-nav-main a:hover,.smye-v4 .smye-login-link:hover{color:#c2a100} /* Hero: spectacular yellow surface and premium composition */ .smv-home .smv-hero{min-height:858px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 45% 66% at 80% 30%,#fbffb6 0%,transparent 75%),radial-gradient(ellipse 36% 45% at 46% 80%,#fffcc5 0%,transparent 90%),linear-gradient(112deg,#fffce5 0%,#fff783 28%,#fff118 72%,#ffeb00 100%);padding:146px 0 84px} .smv-home .smv-noise{pointer-events:none;position:absolute;inset:0;opacity:.48;background-image:radial-gradient(#ffffff 1.2px,transparent 1.2px);background-size:31px 31px;mask-image:linear-gradient(90deg,transparent 45%,#000 100%)} .smv-home .smv-glow{position:absolute;border-radius:50%;pointer-events:none} .smv-home .smv-glow-1{width:340px;height:340px;left:-168px;top:8px;background:radial-gradient(circle,#fff 0%,#fff9 35%,transparent 73%);filter:blur(12px)} .smv-home .smv-glow-2{width:410px;height:410px;right:-160px;bottom:-265px;background:radial-gradient(circle,#fff 0%,transparent 70%)} .smv-home .smv-container{max-width:1370px;margin:0 auto;width:calc(100% - 96px)} .smv-home .smv-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,565px) minmax(0,1fr);gap:7px;align-items:center} .smv-home .smv-hero-left{z-index:3;max-width:565px} .smv-home .smv-hero-eyebrow{display:inline-flex;align-items:center;gap:11px;background:#fffdf4;color:#444126;border:1px solid rgba(92,72,0,.10);padding:8px 9px 8px 16px;border-radius:99px;font-size:10px;font-weight:900;letter-spacing:2px;box-shadow:0 10px 18px rgba(112,93,0,.09)} .smv-home .smv-eyebrow-glint{color:#d6b000;font-size:16px}.smv-home .smv-eyebrow-arrow{display:grid;place-items:center;background:#fcec03;color:#111;border-radius:50%;width:26px;height:26px;font-size:16px;letter-spacing:0} .smv-home h1{margin:25px 0 14px;font-weight:950;letter-spacing:-3.6px;color:#17181b;font-size:clamp(46px,4.2vw,70px);line-height:1.075} .smv-home h1 span{display:inline-block;background:#fff;border-radius:8px;box-shadow:9px 0 #fff,-8px 0 #fff;white-space:normal} .smv-home .smv-hero-desc{margin:0;color:#4f4e46;font-size:16px;line-height:1.72;max-width:510px} .smv-home .smv-feature-chips{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 25px} .smv-home .smv-feature-chips span{background:#fffdf4b8;color:#434239;border:1px solid #ffffffa8;border-radius:30px;padding:7px 11px;font-size:11px;font-weight:750;box-shadow:0 5px 18px #6f6a0020} /* Login within initial viewport, native form semantics */ .smv-home .smv-auth-card{background:#fff;border-radius:25px;padding:22px 24px 17px;border:1px solid rgba(255,255,255,.75);box-shadow:0 32px 72px rgba(73,68,3,.17),0 5px 10px rgba(76,65,3,.05);max-width:515px;position:relative} .smv-home .smv-auth-card:before{content:"";height:6px;position:absolute;top:0;left:34px;right:34px;background:linear-gradient(90deg,#ffe924,#fff9ac,#ffe924);border-radius:0 0 13px 13px} .smv-home .smv-auth-header{display:flex;justify-content:space-between;align-items:center;gap:13px;margin-bottom:15px} .smv-home .smv-auth-kicker{font-size:10px;font-weight:900;letter-spacing:1.7px;color:#a88a00;margin-bottom:3px} .smv-home .smv-auth-header h2{font-size:23px;font-weight:950;letter-spacing:-.8px;line-height:1.25;margin:0;color:#18191f} .smv-home .smv-auth-header h2 span{color:#b3a32f} .smv-home .smv-auth-symbol{width:39px;height:39px;display:grid;place-items:center;flex-shrink:0;border-radius:12px;background:#fff000;font-size:24px;color:#151515;font-weight:700;box-shadow:0 6px 1px #e9cc00} .smv-home .smv-auth-fields{display:grid;grid-template-columns:1fr;gap:10px} .smv-home .smv-input-row{height:61px;position:relative;display:flex;align-items:center;border-radius:13px;background:#f1f5fd;border:1.5px solid #e7edf7;transition:border-color .25s,box-shadow .25s,background .25s} .smv-home .smv-input-row:focus-within{background:#fff;border-color:#ffcf00;box-shadow:0 0 0 4px #fff29e} .smv-home .smv-input-icon{width:43px;height:43px;margin-inline-start:7px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#ffea00;color:#232323;flex-shrink:0} .smv-home .smv-input-icon svg{width:21px;height:21px} .smv-home .smv-input-content{flex:1;min-width:0;padding:4px 12px} .smv-home .smv-input-content label{display:block;margin:0;font-size:10px;letter-spacing:.15px;font-weight:800;color:#525964;line-height:1.2} .smv-home .smv-input-content input{font-size:13px;color:#181b23;background:transparent;border:0;outline:0!important;box-shadow:none;width:100%;height:29px;padding:3px 0;line-height:1.5} .smv-home .smv-input-content input::placeholder{color:#a1a9b5} .smv-home .smv-password-toggle{width:39px;height:39px;border:0;background:transparent;display:grid;place-items:center;color:#828b98;margin-inline-end:7px;border-radius:10px} .smv-home .smv-password-toggle:hover{background:#e4eaf4;color:#1d1e21}.smv-home .smv-password-toggle svg{width:20px;height:20px}.smv-home .smv-password-toggle.is-visible{color:#bb9400;background:#fff2b8} .smv-home .smv-auth-opts{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 0;font-size:12px;font-weight:600;color:#747985} .smv-home .smv-auth-opts a{color:#24262c;font-weight:750}.smv-home .smv-auth-opts a:hover{text-decoration:underline} .smv-home .smv-remember{display:flex;align-items:center;gap:7px;cursor:pointer;font-weight:600;margin:0} .smv-home .smv-remember input{accent-color:#f0c000;width:15px;height:15px;margin:0} .smv-home .smv-login-submit{background:linear-gradient(180deg,#373839,#0c0c0d);color:#fff;border:1px solid #090909;border-radius:13px;min-height:48px;width:100%;padding:6px 8px 6px 17px;display:flex;align-items:center;justify-content:space-between;gap:9px;font-weight:850;box-shadow:0 6px 0 #050505,0 14px 22px #0b0b0b23;transition:transform .18s,box-shadow .18s} .smv-home .smv-login-submit:hover{transform:translateY(-2px);box-shadow:0 8px 0 #050505,0 17px 22px #0b0b0b25}.smv-home .smv-login-submit:active{transform:translateY(3px);box-shadow:0 2px 0 #050505} .smv-home .smv-submit-arrow{border-radius:9px;background:#fff000;color:#171717;font-size:20px;width:35px;height:35px;display:grid;place-items:center} .smv-home .smv-register-line{font-size:12px;text-align:center;margin:17px 0 0;color:#8b8c93}.smv-home .smv-register-line a{font-weight:850;color:#1b1b20}.smv-home .smv-register-line a:hover{text-decoration:underline;text-decoration-color:#efc400;text-decoration-thickness:2px} .smv-home .smv-captcha{margin:8px 0} /* Art from locally-generated inline SVG. Art assets also provided as SVG/WebP/PNG in ZIP. */ .smv-home .smv-hero-right{position:relative;min-height:660px;display:flex;align-items:center;justify-content:center} .smv-home .smv-art-halo{position:absolute;width:660px;height:660px;max-width:105%;border-radius:50%;background:radial-gradient(circle,#fff 0%,#fff8 30%,#fff38a77 46%,transparent 70%);filter:blur(13px);transform:translate(4%,1%)} .smv-home .smv-art-orbit{position:absolute;width:650px;height:650px;max-width:105%;max-height:100%;border-radius:50%;border:2px dashed rgba(255,255,255,.57);animation:smv-turn 80s linear infinite} .smv-home .smv-art-holder{position:relative;z-index:2;width:108%;max-width:760px;filter:drop-shadow(0 21px 24px rgba(126,108,0,.07));animation:smv-float 7s ease-in-out infinite;will-change:transform} .smv-home .smv-art-holder svg{display:block;width:100%;height:auto;overflow:visible} .smv-home .smv-art-label{position:absolute;z-index:3;bottom:15px;right:5%;background:#fffffff1;border:1px solid #ffffffa0;padding:12px 18px;box-shadow:0 13px 35px #7970002a;border-radius:40px;font-size:11px;font-weight:850;color:#333;display:flex;align-items:center;gap:10px} .smv-home .smv-art-label-dot{width:8px;height:8px;border-radius:50%;background:#2cd45d;box-shadow:0 0 0 5px #ceffd9} .smv-home .smv-scroll-hint{position:absolute;right:50%;bottom:25px;transform:translateX(50%);color:#5c5409;font-size:10px;font-weight:850;letter-spacing:1.7px;display:flex;gap:12px;align-items:center}.smv-home .smv-scroll-hint span{font-size:23px;line-height:1} @keyframes smv-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes smv-turn{to{transform:rotate(360deg)}} /* Bring visual richness into subsequent sections, not a copied competitor design */ .smye-v4 .smye-platform-belt{padding:28px 0;background:#fff}.smye-v4 .smye-belt-platforms b{font-weight:850;color:#393a40} .smye-v4 .smye-platform-card{box-shadow:0 8px 24px #24271a0a;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease} .smye-v4 .smye-platform-card:hover{transform:translateY(-8px);box-shadow:0 24px 45px #2a2b2d17;border-color:#f2d43b} .smye-v4 .smye-pick-tabs .is-selected{background:#ffe600;color:#17191d} .smye-v4 .smye-live-section{background:linear-gradient(145deg,#fffef6 0%,#f9f8f2 58%,#fff9d1 100%)} .smye-v4 .smye-final-cta{background:linear-gradient(110deg,#ffdf00,#fff25e)} .smye-v4 .smye-hero-right svg text{user-select:none} .smye-rtl .smv-hero-left{text-align:right}.smye-rtl .smv-auth-header{text-align:right} @media (max-width:1230px){.smv-home .smv-container{width:calc(100% - 60px)}.smv-home .smv-hero-grid{grid-template-columns:minmax(0,510px) minmax(0,1fr)}.smv-home h1{font-size:55px}.smv-home .smv-hero-right{min-height:570px}.smye-v4 .smye-header-inner{width:calc(100% - 34px)}} @media (max-width:970px){.smye-v4 .smye-header-inner{top:11px;height:68px;border-radius:17px}.smye-v4 .smye-nav{top:85px;left:15px;right:15px;border-radius:18px}.smv-home .smv-hero{padding-top:129px}.smv-home .smv-hero-grid{grid-template-columns:1fr;gap:0}.smv-home .smv-hero-left{max-width:650px;margin:0 auto}.smv-home h1{font-size:clamp(40px,6vw,58px)}.smv-home .smv-hero-desc{max-width:580px}.smv-home .smv-auth-card{max-width:100%}.smv-home .smv-hero-right{min-height:480px;max-height:600px}.smv-home .smv-art-holder{width:580px;max-width:97%}.smv-home .smv-art-orbit{max-height:450px;max-width:450px}.smv-home .smv-scroll-hint{bottom:16px}} @media (max-width:610px){.smv-home .smv-container{width:calc(100% - 34px)}.smv-home .smv-hero{padding-top:120px;padding-bottom:38px}.smv-home h1{font-size:clamp(35px,8.5vw,49px);letter-spacing:-2.2px;margin-top:20px;line-height:1.11}.smv-home .smv-hero-desc{font-size:14px;line-height:1.6}.smv-home .smv-hero-eyebrow{font-size:8px;letter-spacing:1.2px}.smv-home .smv-feature-chips{gap:6px;margin:15px 0 18px}.smv-home .smv-feature-chips span{font-size:10px;padding:6px 8px}.smv-home .smv-auth-card{padding:20px 16px 16px;border-radius:21px}.smv-home .smv-auth-header h2{font-size:22px}.smv-home .smv-auth-kicker{font-size:9px}.smv-home .smv-input-row{height:58px}.smv-home .smv-auth-opts{font-size:11px}.smv-home .smv-hero-right{min-height:315px;max-height:390px}.smv-home .smv-art-holder{width:390px;max-width:112%}.smv-home .smv-art-label{bottom:5px;right:2%;font-size:8px;padding:9px 12px}.smv-home .smv-art-halo{max-width:400px;max-height:360px}.smv-home .smv-art-orbit{max-height:300px;max-width:300px}.smv-home .smv-scroll-hint{display:none}.smye-v4 .smye-header-inner{width:calc(100% - 24px);padding:0 18px}.smye-v4 .smye-nav{left:12px;right:12px}} @media (max-width:365px){.smv-home .smv-container{width:calc(100% - 22px)}.smv-home h1{font-size:34px}.smv-home .smv-auth-card{padding-inline:12px}.smv-home .smv-auth-header h2{font-size:20px}.smv-home .smv-feature-chips span{font-size:9px}.smv-home .smv-hero-right{min-height:280px}.smye-v4 .smye-header-inner{width:calc(100% - 18px)}} @media (prefers-reduced-motion:reduce){.smv-home .smv-art-holder,.smv-home .smv-art-orbit{animation:none!important}} /* Optional: if using uploaded WebP instead of included inline SVG */ .smv-home .smv-art-holder .smv-art-img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 12px 25px rgba(100,85,0,.08))} /* ============================================================ SMMEuro Yellow v4.2: branding + non-destructive New Order UI. Injected above the native PerfectPanel form (never replaces it). ============================================================ */ .smye .smye-brand-image{display:block;width:auto;max-width:204px;height:auto;max-height:62px;object-fit:contain} .smye .smye-side-brand .smye-brand-image{max-width:193px;max-height:67px} .smye .smn-theme-toggle{border:1px solid #e7e7e9;background:#fff;display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:0 12px;height:42px;border-radius:14px;color:#272a30;font-weight:800;box-shadow:0 4px 14px #00000008;transition:background .22s,transform .22s} .smye .smn-theme-toggle:hover{background:#ffdf33;transform:translateY(-1px)} .smye .smn-theme-toggle [data-smn-theme-icon]{font-size:21px;line-height:1} .smye .smn-theme-label{font-size:12px} .smye .smn-order-workspace{width:100%;margin:0 auto 24px;color:#25262a} .smye .smn-order-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:4px 0 25px} .smye .smn-order-heading h1{font-size:clamp(32px,3.4vw,47px);font-weight:900;letter-spacing:-.055em;line-height:1.2;color:#202127;margin:8px 0 6px} .smye .smn-order-heading h1 span{color:#e8b700;font-size:28px} .smye .smn-order-heading p,.smye .smn-section-head p{color:#848692;font-size:13px;line-height:1.5;margin:0} .smye .smn-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.13em;font-weight:900;color:#7a6500} .smye .smn-live-dot{width:8px;height:8px;background:#f8c800;border-radius:50%;box-shadow:0 0 0 5px #fff1a5} .smye .smn-help{color:#393a3e!important;font-size:13px;font-weight:750;border:1px solid #e7e8e9;background:white;border-radius:13px;padding:12px 16px;white-space:nowrap} .smye .smn-card{border:1px solid #eae9e2;background:#fff;border-radius:20px;padding:24px;box-shadow:0 8px 30px rgba(40,34,6,.035)} .smye .smn-platform-container{background:#fffdf5;margin-bottom:18px} .smye .smn-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px} .smye .smn-section-head strong{font-size:16px;font-weight:900;color:#1f2025} .smye .smn-section-head strong>span{color:#464951;margin-left:4px;font-weight:850} .smye .smn-section-head p{margin-top:3px} .smye .smn-tag{display:inline-flex;align-items:center;font-size:10px;font-weight:850;color:#777980;padding:7px 11px;background:#f5f6f7;border:1px solid #eee;border-radius:20px;white-space:nowrap} .smye .smn-tag-yellow{background:#fff3a7;border-color:#ffdf45;color:#8e7100} .smye .smn-platform-list{display:flex;flex-wrap:wrap;gap:10px} .smye .smn-platform-btn{border:1px solid #e9e8e4;background:#fff;border-radius:15px;min-height:46px;display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 7px;color:#25262c;box-shadow:0 3px 10px #00000005;transition:transform .17s,border-color .17s,box-shadow .17s} .smye .smn-platform-btn[hidden]{display:none!important} .smye .smn-platform-btn:hover{transform:translateY(-3px);border-color:#facd00;box-shadow:0 8px 17px #cab33224} .smye .smn-platform-btn.is-active{background:#fff2aa;border-color:#f3c800;box-shadow:0 0 0 2px #f9d52455} .smye .smn-platform-glyph{min-width:31px;height:31px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:#181818;font-weight:950;letter-spacing:-.05em;flex-shrink:0} .smye .smn-platform-name{font-weight:800;font-size:12px} .smye .smn-tools-grid{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);gap:18px} .smye .smn-search-wrap{display:flex;align-items:center;gap:10px;border:1px solid #e7e6e0;border-radius:13px;padding:10px 15px;min-height:53px;background:#fff;color:#777f84;margin:0} .smye .smn-search-wrap:focus-within{border-color:#f0c500;box-shadow:0 0 0 4px #fff4b3} .smye .smn-search-wrap>span:first-child{font-size:28px;color:#9b9800;line-height:1} .smye .smn-search-wrap input{background:transparent;border:0;outline:0!important;flex:1;min-width:0;box-shadow:none!important;font-size:14px;color:#202127} .smye .smn-search-wrap input::placeholder{color:#9c9ea4} .smye .smn-search-shortcut{font-size:11px;color:#a4a4aa;border:1px solid #eee;border-radius:5px;padding:3px 7px} .smye .smn-search-results{margin-top:8px;max-height:230px;overflow:auto} .smye .smn-result-btn{width:100%;display:flex;align-items:center;gap:12px;text-align:start;padding:12px;background:#fff;border:0;border-bottom:1px solid #f0f0ee;color:#303138} .smye .smn-result-btn:hover{background:#fff6c7} .smye .smn-result-btn small{font-size:10px;color:#988000;border:1px solid #f7dda3;background:#fff7d5;border-radius:7px;padding:3px 7px;flex:none} .smye .smn-result-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px} .smye .smn-no-results{font-size:12px;color:#777;padding:12px 3px;margin:0} .smye .smn-info-list{display:grid;grid-template-columns:1fr 1fr;gap:11px} .smye .smn-info-list>div{border:1px solid #f0f0ed;background:#f9f9f8;border-radius:13px;padding:11px 14px;display:flex;flex-direction:column;min-width:0} .smye .smn-info-list>div:first-child{background:#fff4bd;border-color:#ffe377} .smye .smn-info-list>div>span{font-size:11px;font-weight:750;color:#88878c} .smye .smn-info-list strong{font-size:16px;font-weight:900;color:#242529;min-height:29px;word-break:break-word;display:flex;gap:7px;align-items:center} .smye #smn-copy-id{border:1px solid #f2d86a;background:#fff;border-radius:8px;font-size:14px;padding:0;width:30px;height:26px;color:#4d4100} .smye .smn-info-note{margin:12px 0 0;font-size:11px;line-height:1.6;color:#8a8b8b} .smye .smn-native-heading{display:flex;align-items:center;gap:12px;margin:28px 0 16px} .smye .smn-native-num{width:43px;height:43px;flex:none;border-radius:13px;background:#ffda12;display:grid;place-items:center;font-weight:950;color:#1a1a1a} .smye .smn-native-heading h2{margin:0;font-size:20px;font-weight:900;letter-spacing:-.035em} .smye .smn-native-heading p{margin:2px 0 0;font-size:12px;color:#85868c} /* Modernize the original PerfectPanel order form WITHOUT manipulating its fields or defaults. */ .smye.smn-order-found .smn-main-form{background:#fff;border-radius:20px;border:1px solid #e7e7e3;padding:27px;box-shadow:0 8px 30px #00000006} .smye.smn-order-found .smn-main-form .form-group{margin-bottom:18px} .smye.smn-order-found .smn-main-form .control-label{display:block;color:#35363a;font-weight:800;font-size:13px;margin-bottom:8px} .smye.smn-order-found .smn-main-form .form-control{width:100%;min-height:50px;border-radius:12px;background:#f9f9fa;border:1px solid #e9e9ef;box-shadow:none;padding:10px 13px;color:#22242a} .smye.smn-order-found .smn-main-form .form-control:focus{border-color:#f1c500;box-shadow:0 0 0 4px #ffeaa66b;background:#fff} .smye.smn-order-found .smn-main-form .btn-primary{background:#ffdb00!important;color:#141414!important;border:0!important;border-radius:12px!important;font-weight:850!important;padding:13px 23px!important;box-shadow:0 5px 0 #d1a9003d} .smye.smn-order-found .smn-main-form .btn-primary:hover{background:#f4ce00!important} /* Dark mode: carefully scoped to SMMEuro UI and native New Order form. */ .smye.smye-dark{background:#13151b;color:#e9ebf2;--smye-white:#1d2029;--smye-ink:#e9ebf2;--smye-muted:#a4a8b1;--smye-bg:#181b23;--smye-border:#333744} .smye.smye-dark .smye-app-body,.smye.smye-dark .smye-app-main,.smye.smye-dark .smye-public-main{background:#13151b;color:#e9ebf2} .smye.smye-dark .smye-side,.smye.smye-dark .smye-appbar,.smye.smye-dark .smye-header,.smye.smye-dark .smye-header-inner,.smye.smye-dark .smye-nav{background:#1d2029!important;border-color:#343743!important;color:#e9ebf2} .smye.smye-dark .smn-theme-toggle,.smye.smye-dark .smn-help,.smye.smye-dark .smn-card,.smye.smye-dark .smn-main-form,.smye.smye-dark .smn-platform-btn,.smye.smye-dark .smn-search-wrap,.smye.smye-dark .smn-result-btn{background:#20232c!important;border-color:#373b48!important;color:#eceef3!important} .smye.smye-dark .smn-order-heading h1,.smye.smye-dark .smn-section-head strong,.smye.smye-dark .smn-section-head strong>span,.smye.smye-dark .smn-info-list strong,.smye.smye-dark .smn-native-heading h2,.smye.smye-dark .smn-search-wrap input,.smye.smye-dark .smn-main-form .control-label{color:#f2f4f8!important} .smye.smye-dark .smn-platform-btn.is-active{background:#574900!important;border-color:#f1cb00!important} .smye.smye-dark .smn-info-list>div{background:#2a2e39!important;border-color:#383d48!important} .smye.smye-dark .smn-info-list>div:first-child{background:#443b1d!important;border-color:#8f7515!important} .smye.smye-dark .smn-search-wrap input{color:#fff!important} .smye.smye-dark.smn-order-found .smn-main-form .form-control{background:#252a35!important;color:#f7f7f7!important;border-color:#414652!important} .smye.smye-dark .smye-logo,.smye.smye-dark .smye-nav-main>a,.smye.smye-dark .smye-login-link,.smye.smye-dark .smye-logo-name{color:#f7f7f7!important} .smye.smye-dark .smye-side-link{color:#e0e0e5}.smye.smye-dark .smye-side-link.is-current{background:#fbd600!important;color:#111!important} .smye.smye-dark .smye-dropdown-menu{background:#272b35;border-color:#42444c}.smye.smye-dark .smye-dropdown-menu a{color:#e4e4ea} .smye.smye-dark .smn-info-note,.smye.smye-dark .smn-order-heading p,.smye.smye-dark .smn-native-heading p,.smye.smye-dark .smn-section-head p{color:#aeb1bc} .smye.smye-dark .smn-result-btn:hover{background:#494019!important} .smye.smye-dark .smye-public-main .smv-home{filter:none} @media(max-width:980px){.smye .smn-tools-grid{grid-template-columns:1fr}.smye .smye-brand-image{max-width:175px;max-height:52px}.smye .smn-theme-label{display:none}} @media(max-width:650px){.smye .smn-order-heading{align-items:flex-start}.smye .smn-order-heading h1{font-size:30px}.smye .smn-order-heading p{font-size:12px}.smye .smn-help{padding:9px 11px}.smye .smn-help span{display:none}.smye .smn-card{padding:17px;border-radius:17px}.smye .smn-platform-list{gap:7px}.smye .smn-platform-btn{min-height:41px;padding:5px 9px 5px 5px}.smye .smn-platform-glyph{width:28px;height:28px;min-width:28px;font-size:11px}.smye .smn-platform-name{font-size:11px}.smye .smn-info-list{gap:7px}.smye .smn-info-list>div{padding:10px}.smye.smn-order-found .smn-main-form{padding:17px}.smye .smye-brand-image{max-width:154px}.smye .smn-tag{display:none}} @media(prefers-reduced-motion:reduce){.smye .smn-platform-btn,.smye .smn-theme-toggle{transition:none!important}.smye .smn-platform-btn:hover{transform:none!important}} @media(max-width:680px){.smye .smn-theme-toggle{width:42px;min-width:42px;padding:0}.smye .smn-theme-toggle .smn-theme-label{display:none}.smye .smye-appbar-actions{gap:6px}.smye .smye-appbar-heading>div{min-width:0}.smye .smye-appbar-heading>div>span{display:none}} @media(max-width:420px){.smye .smye-appbar-actions .smye-avatar{display:none}.smye .smye-appbar-actions .smye-balance{min-width:0;padding-inline:9px}.smye .smye-appbar-actions .smye-balance span{display:none}.smye .smye-appbar-actions{flex-shrink:0}.smye .smye-appbar-heading{min-width:0;gap:5px}.smye .smye-appbar-heading strong{max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-size:12px}} @media(max-width:980px){.smye .smn-tools-grid{grid-template-columns:minmax(0,1fr)}.smye .smn-tools-grid>.smn-card{min-width:0}.smye .smn-search-wrap input{width:0;min-width:0}.smye .smn-platform-container,.smye .smn-order-workspace{max-width:100%}} /* ===== SMMEuro v4.3 order correction — no duplicate wizard headings ===== */ .smye .smn-platform-strip{padding:0 0 21px;max-width:100%;margin:0 auto 7px;background:transparent;border:0} .smye .smn-platform-strip .smn-platform-list{gap:8px} .smye .smn-platform-strip .smn-platform-btn{min-height:45px;border-radius:999px;padding:5px 14px 5px 6px;background:#fff;box-shadow:none} .smye .smn-platform-strip .smn-platform-btn.is-active{background:#fff7c1;border-color:#ffd318} .smye .smn-platform-strip .smn-platform-glyph{border-radius:50%;height:31px;width:31px} .smye .smn-clean-search{position:relative;margin-bottom:22px;z-index:12} .smye .smn-clean-search .smn-search-wrap{min-height:55px;background:#fff9e9;border:1px solid #eee4c6;border-radius:16px;padding:10px 16px;box-shadow:none} .smye .smn-clean-search .smn-search-wrap svg{color:#2f3033;flex:none} .smye .smn-clean-search input{flex:1;background:transparent;border:0!important;outline:0!important;box-shadow:none!important;min-width:0;width:100%;color:#18191f;padding:7px 4px} .smye .smn-clean-search .smn-search-results{position:absolute;top:calc(100% + 4px);inset-inline:0;max-height:270px;overflow:auto;z-index:50;border:1px solid #e8dca3;box-shadow:0 12px 34px #2920051d;background:#fff;border-radius:14px;padding:5px} .smye .smn-clean-search .smn-search-results[hidden],.smye .smn-inline-stats>span[hidden],.smye .smn-empty-notice[hidden]{display:none!important} .smye .smn-has-category-proxy{position:relative} .smye .smn-has-category-proxy .smn-native-category{position:absolute!important;width:1px!important;height:1px!important;min-height:1px!important;padding:0!important;margin:0!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%);border:0!important} .smye .smn-has-category-proxy .select2-container,.smye .smn-has-category-proxy .chosen-container,.smye .smn-has-category-proxy .bootstrap-select{display:none!important} .smye .smn-has-category-proxy .smn-category-proxy{display:block!important;width:100%;background:#fffaf0!important;border:1px solid #eadfae!important;border-radius:14px!important;min-height:55px;color:#20212a} .smye .smn-has-category-proxy .smn-category-proxy:focus{border-color:#ffc800!important;box-shadow:0 0 0 4px #ffeb7540!important} .smye .smn-empty-notice{color:#947700;font-size:12px;margin-top:5px;padding:6px} .smye .smn-inline-service-info{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:11px;margin-bottom:7px;border:0!important;background:none!important;padding:0!important;box-shadow:none!important;max-width:100%} .smye .smn-id-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap} .smye .smn-id-row label{color:#52555c;font-weight:800;font-size:13px;margin:0 4px 0 0;min-width:16px} .smye.smn-order-v43 .smn-id-row input{width:112px!important;height:42px!important;min-height:42px!important;background:#f4f5f9!important;color:#757a85!important;border-radius:12px!important;border:1px solid #e8eaf2!important;font-weight:800;box-shadow:none!important;text-align:center;padding:4px 8px} .smye #smn-copy-id{width:42px!important;height:42px!important;border:1px solid #e4e6ed!important;background:#fff!important;border-radius:12px!important;display:grid;place-items:center;cursor:pointer;font-size:18px;color:#282b32} .smye #smn-copy-id:hover{background:#fff4b9!important;border-color:#e9c11b!important} .smye .smn-inline-stats{display:flex;flex-wrap:wrap;gap:7px;font-size:12px;align-items:center} .smye .smn-inline-stats>span{background:#f7f8fa;border:1px solid #e9ebee;color:#686c75;border-radius:999px;padding:8px 12px;white-space:nowrap} .smye .smn-inline-stats>span:first-child{background:#fff7da;color:#554800;border-color:#f4e5a9} .smye .smn-inline-stats strong{color:#26272b;margin-inline-start:4px} .smye.smn-order-v43 .smn-main-form{background:#fff;border:1px solid #efeee7;border-radius:22px;padding:23px;box-shadow:0 9px 34px #19191907} .smye .smye-avatar-photo{display:flex!important;align-items:center;justify-content:center;border-radius:50%!important;background:#f2f2f7!important;overflow:hidden;min-width:36px;height:36px;width:36px} .smye .smye-avatar-photo img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%} .smye.smye-dark .smn-clean-search .smn-search-wrap,.smye.smye-dark .smn-clean-search .smn-search-results,.smye.smye-dark .smn-has-category-proxy .smn-category-proxy,.smye.smye-dark #smn-copy-id,.smye.smye-dark .smn-inline-stats>span{background:#252935!important;border-color:#434856!important;color:#f1f3f7!important} .smye.smye-dark .smn-clean-search input,.smye.smye-dark .smn-inline-stats strong{color:#fff!important} .smye.smye-dark.smn-order-v43 .smn-id-row input{background:#272b34!important;color:#e6e9f2!important;border-color:#404653!important} .smye.smye-dark .smn-platform-strip .smn-platform-btn.is-active{background:#514615!important;border-color:#ffd526!important} @media(max-width:680px){.smye.smn-order-v43 .smn-main-form{padding:14px}.smye .smn-platform-strip .smn-platform-btn{min-height:42px}.smye .smn-inline-service-info{align-items:flex-start;flex-direction:column;gap:8px}.smye .smn-inline-stats{gap:5px}.smye .smn-inline-stats>span{padding:6px 10px}} @media(max-width:420px){.smye .smye-appbar-actions .smye-avatar-photo{display:flex!important;width:32px!important;height:32px!important;min-width:32px!important}.smye .smye-profile-dropdown summary{gap:2px!important}} /* ========= SMMEuro v4.4 — Native-compatible New Order upgrade ========= */ .smye.smn44-ready .smye-app-main{width:min(1690px,100%);padding-inline:clamp(12px,2.2vw,36px)} .smye .smn44-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,300px);gap:22px;max-width:1550px;align-items:start;margin:4px auto 30px;width:100%} .smye .smn44-shell .smn44-main{min-width:0;max-width:100%} .smye .smn44-order-form{padding:24px!important;margin:0!important;border-radius:22px!important;border:1px solid #e8eaf0!important;background:#fff!important;box-shadow:0 12px 32px rgba(21,23,32,.035)!important;min-width:0} .smye .smn44-order-form .form-group{margin-bottom:19px} .smye .smn44-order-form .form-group>label.control-label{font-weight:800;color:#222635;font-size:14px;line-height:1.6;margin-bottom:9px} .smye .smn44-order-form .form-control{background:#f8f9fc;border:1px solid #e4e7ed;border-radius:15px;min-height:53px;box-shadow:none;font-size:14px;color:#23262e} .smye .smn44-order-form .form-control:focus{box-shadow:0 0 0 3px #ffda1a45;border-color:#ffcb05;background:#fff} .smye .smn44-filter-section{padding:16px 17px 13px;background:#fff;border:1px solid #e9e9ed;border-radius:21px;margin-bottom:17px;box-shadow:0 8px 24px #15151505} .smye .smn44-platform-list{display:flex;align-items:center;flex-wrap:wrap;gap:9px} .smye .smn44-platform{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:41px;padding:7px 14px 7px 8px;border:1px solid #dfe3ec;background:#fff;color:#222637;border-radius:999px;font-size:12px;line-height:1;font-weight:800;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s;max-width:100%} .smye .smn44-platform:hover{border-color:#ffcf00;background:#fffbea;transform:translateY(-1px);box-shadow:0 5px 12px #17191f0c} .smye .smn44-platform.is-active{border-color:#ffd100;background:#ffdf24;color:#0c1016;box-shadow:0 3px 0 #ccaa003b} .smye .smn44-platform[hidden]{display:none!important} .smye .smn44-platform-icon{width:26px;height:26px;display:grid;place-items:center;flex:none;background:#f6f7fa;border-radius:50%;padding:5px} .smye .smn44-platform-icon svg{width:100%;height:100%;display:block} .smye .smn44-platform.is-active .smn44-platform-icon{background:#fff8d0} .smye .smn44-searchbox{position:relative;z-index:30;margin:0 0 20px} .smye .smn44-search-input{display:flex;align-items:center;gap:11px;padding:0 16px;border:1px solid #e7e1d2;background:#fffbef;border-radius:15px;height:58px;margin:0;cursor:text;transition:border-color .15s,box-shadow .15s} .smye .smn44-search-input:focus-within{border-color:#ffcb05;box-shadow:0 0 0 4px #ffd20028} .smye .smn44-search-input svg{width:22px;height:22px;color:#393d48;flex:none} .smye .smn44-search-input input{background:transparent;border:0!important;box-shadow:none!important;outline:0!important;padding:0;min-width:0;width:100%;flex:1;color:#1c2130;font-size:14px} .smye .smn44-search-input input::placeholder{color:#8e929d} .smye .smn44-search-results{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid #eadfa6;box-shadow:0 20px 30px #22222b24;max-height:340px;overflow-y:auto;border-radius:15px;padding:6px;z-index:40} .smye .smn44-search-results[hidden]{display:none!important} .smye .smn44-search-option{display:flex;align-items:center;gap:10px;max-width:100%;width:100%;border:0;border-radius:10px;padding:11px;text-align:start;background:transparent;color:#20232a;font-size:12px} .smye .smn44-search-option:hover,.smye .smn44-search-option:focus-visible{background:#fff3c1} .smye .smn44-search-option span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .smye .smn44-search-option b{font-size:10px;min-width:56px;color:#8a7000} .smye .smn44-nomatch{color:#6f727a;padding:12px;margin:0;font-size:12px} /* Keep the native