/* v31 - Tatlı Şirin UI & Mobil/Masaüstü Arayüz Paketi */
:root{--v31-radius:26px;--v31-radius-sm:18px;--v31-glass:rgba(255,255,255,.085);--v31-glass-2:rgba(255,255,255,.13);--v31-border:rgba(255,255,255,.16);--v31-shadow:0 22px 75px rgba(0,0,0,.34);--v31-soft:#3d2438;--v31-muted:#7a5570;--v31-pink:#ff5fa2;--v31-purple:#ffb88a;--v31-gold:#ffb88a;--v31-green:#45e39a}html{scroll-padding-top:18px}body{background-attachment:fixed!important}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.08),transparent 18%),radial-gradient(circle at 88% 24%,rgba(255,255,255,.06),transparent 20%)}.wrap{max-width:1180px!important}.card,.req,.doc,.panel,.stat,.theme,.group,.cardx,.am-feature,.am-step{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:var(--v31-border)!important;box-shadow:var(--v31-shadow)}.card,.req,.panel,.stat,.theme,.group{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card:hover,.req:hover,.theme:hover,.cardx:hover,.am-feature:hover{transform:translateY(-2px);box-shadow:0 26px 90px rgba(0,0,0,.38);border-color:rgba(255,255,255,.24)!important}h1,h2,h3{letter-spacing:-.8px}.lead,.muted,.am-sub{color:var(--v31-muted)!important}.btn,button.btn,a.btn,.chip,.funbtn{transition:transform .14s ease,filter .14s ease,box-shadow .14s ease;box-shadow:0 12px 32px rgba(255,95,162,.16)}.btn:hover,button.btn:hover,a.btn:hover,.chip:hover,.funbtn:hover{filter:saturate(1.08) brightness(1.04);transform:translateY(-1px)}.btn:active,button.btn:active,a.btn:active,.chip:active,.funbtn:active{transform:translateY(1px) scale(.99)}input,select,textarea{transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input:focus,select:focus,textarea:focus{border-color:rgba(255,95,162,.95)!important;box-shadow:0 0 0 4px rgba(255,95,162,.14)!important}.badge,.pill,.am-icon-pill{box-shadow:0 10px 30px rgba(0,0,0,.16)}.top,.hero{position:relative}.sweet-floating-help{position:fixed;left:14px;bottom:14px;z-index:9997;display:none;border:1px solid #f3d5e2;background:rgba(20,15,30,.78);backdrop-filter:blur(16px);border-radius:999px;color:#3d2438;text-decoration:none;font-weight:900;padding:10px 12px;box-shadow:0 18px 48px rgba(0,0,0,.35)}.sweet-toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%) translateY(20px);opacity:0;z-index:10000;background:rgba(20,15,30,.88);border:1px solid #f3d5e2;color:#3d2438;border-radius:18px;padding:12px 14px;box-shadow:0 18px 60px rgba(0,0,0,.38);transition:.22s ease;max-width:92vw;text-align:center}.sweet-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
/* Ana sayfa/form iyileştirmeleri */.form label{position:relative}.form label:has(input:required)::after,.form label:has(textarea:required)::after{content:"zorunlu";position:absolute;right:10px;top:0;font-size:10px;color:#e6408b;background:rgba(255,95,162,.18);border:1px solid rgba(255,95,162,.25);padding:3px 7px;border-radius:999px}.visual-preview,.doc-visual,.preview{box-shadow:0 16px 45px rgba(0,0,0,.22)}.am-feature-grid .am-feature{min-height:154px}.am-steps .am-step{position:relative;overflow:hidden}.am-steps .am-step:after{content:"";position:absolute;right:-20px;bottom:-20px;width:70px;height:70px;border-radius:50%;background:rgba(255,255,255,.85)}
/* Modern masaüstü görünüm */@media(min-width:1024px){.wrap{padding-left:24px!important;padding-right:24px!important}.grid{gap:22px!important}.card-inner{padding:26px!important}.am-bottom-nav{display:none!important}.sweet-floating-help{display:inline-flex}.admin-shell .wrap{max-width:1280px!important}.tablewrap{border-radius:24px!important}}
/* Tablet */@media(max-width:1023px){.wrap{padding-left:14px!important;padding-right:14px!important}.am-feature-grid{grid-template-columns:repeat(2,1fr)!important}.am-steps{grid-template-columns:repeat(2,1fr)!important}.stats{gap:10px!important}}
/* Mobil uygulama hissi */@media(max-width:680px){body{font-size:15px}.wrap{padding-top:12px!important}.hero{padding:12px 0!important}.badge{font-size:12px!important;padding:8px 10px!important;width:auto!important;max-width:100%}h1{font-size:clamp(31px,11vw,44px)!important;line-height:.98!important}.lead{font-size:15px!important;line-height:1.55!important}.card,.req,.panel,.theme,.group{border-radius:22px!important}.card-inner{padding:15px!important}.form{gap:11px!important}label{font-size:12px!important}input,select,textarea{border-radius:16px!important;padding:12px!important}.btn,button.btn,a.btn{border-radius:16px!important;min-height:44px}.am-feature-grid,.am-steps{grid-template-columns:1fr!important;gap:10px!important}.am-feature{min-height:auto;padding:15px!important}.am-step{min-height:auto!important}.am-footer{border-radius:28px 28px 0 0;margin-top:22px}.am-bottom-nav{left:8px!important;right:8px!important;bottom:8px!important;border-radius:22px!important;padding:6px!important}.am-bottom-nav a{min-height:46px!important;font-size:10px!important}.am-bottom-nav .i{font-size:19px!important}.sweet-toast{bottom:78px}.pwa-btn{min-width:40px!important;height:40px!important}.line,.paper-line{padding:10px 0!important}.doc{font-size:14px}.doc h1,.doc h2{font-size:24px!important}.stamp{font-size:18px!important}.seal{width:72px!important;height:72px!important}.am-title{font-size:28px!important}.am-sub{font-size:14px!important}}
/* Çok küçük ekranlar */@media(max-width:390px){.wrap{padding-left:8px!important;padding-right:8px!important}.card,.req,.panel{border-radius:18px!important}.btn,button.btn,a.btn{font-size:13px!important;padding:10px!important}.am-bottom-nav a{font-size:9px!important}.am-bottom-nav .i{font-size:17px!important}h1{font-size:30px!important}.badge{font-size:11px!important}.chat-page .brand h1{font-size:22px!important}}
/* Sohbet özel tatlı kompakt */.chat-page .chat-shell{border:1px solid #f3d5e2!important}.chat-page .bubble{box-shadow:0 12px 30px rgba(0,0,0,.18)}.chat-page .mine .bubble{box-shadow:0 12px 30px rgba(255,95,162,.20)}.chat-page .composer{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}@media(max-width:680px){.chat-page .wrap{padding-top:6px!important}.chat-page .chat-head{border-radius:0}.chat-page .messages{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.045))}.chat-page .bubble{max-width:100%;word-break:break-word}.chat-page .avatarTiny{width:18px!important;height:18px!important;border-radius:7px!important}.chat-page #pwaWidget{display:none!important}}