@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Vazirmatn:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#030305;color:#bcbcc7;font-family:Vazirmatn,Tahoma,sans-serif;overflow-x:hidden;position:relative}body:before,body:after{content:"";position:fixed;z-index:-2;border-radius:50%;filter:blur(80px);pointer-events:none}body:before{width:360px;height:360px;top:-150px;right:-120px;background:rgba(124,31,255,.16)}body:after{width:330px;height:330px;bottom:-160px;left:-130px;background:rgba(227,107,18,.10)}body{background-image:radial-gradient(circle at 50% 0%,rgba(116,29,255,.10),transparent 32%),linear-gradient(180deg,#050507 0%,#030305 70%,#070407 100%)}
.page{width:min(960px,92%);margin:0 auto;padding:28px 0 30px;min-height:calc(100vh - 88px)}.page:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
.hero{text-align:center;padding:22px 0 18px}.compact-hero{padding-top:8px}.hero-orbit{width:166px;height:166px;margin:auto;border-radius:50%;padding:9px;background:linear-gradient(145deg,#9c42ff,#3a087b);box-shadow:0 0 0 1px rgba(196,137,255,.22),0 0 45px rgba(122,31,255,.28);position:relative}.hero-orbit:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(159,74,255,.20);animation:orbit 7s linear infinite}.logo{width:148px;height:148px;display:block;object-fit:cover;border-radius:50%;border:1px solid #5b1aa5;box-shadow:inset 0 0 35px rgba(0,0,0,.55)}@keyframes orbit{to{transform:rotate(360deg)}}
.brand{font-family:Cinzel,serif;font-size:42px;color:#e4e1ea;margin:20px 0 8px;letter-spacing:2px;text-shadow:0 0 25px rgba(170,89,255,.18)}.subtitle{font-size:14px;color:#858591}.notice{background:linear-gradient(135deg,#e47717,#b94f08);color:#1a0e05;border:1px solid rgba(255,190,104,.24);border-radius:18px;padding:18px 22px;font-weight:800;line-height:2;margin:24px 0;text-align:center;box-shadow:0 15px 45px rgba(228,119,23,.13)}
.card{position:relative;background:linear-gradient(145deg,rgba(16,14,21,.96),rgba(8,8,12,.96));border:1px solid rgba(154,106,211,.16);border-radius:24px;padding:28px;margin:20px 0;box-shadow:0 22px 65px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.025);backdrop-filter:blur(10px)}.card:after{content:"";position:absolute;inset:0;border-radius:24px;pointer-events:none;background:linear-gradient(135deg,rgba(160,81,255,.06),transparent 35%,rgba(255,133,37,.025));opacity:.9}.card>*{position:relative;z-index:1}h1,h2,h3{color:#ddd9e5}h2{margin-top:0;font-size:27px}h3{font-size:20px}.muted{color:#777783;line-height:2.05}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;text-decoration:none;cursor:pointer;background:linear-gradient(135deg,#721dff,#ad3cff);color:white;border-radius:14px;padding:13px 20px;font-family:inherit;font-weight:800;transition:transform .2s,filter .2s,box-shadow .2s;box-shadow:0 12px 30px rgba(124,32,255,.19)}.btn:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 16px 38px rgba(124,32,255,.27)}.btn.secondary{background:linear-gradient(145deg,#17131e,#100e15);color:#c9a8ff;border:1px solid #4b2775;box-shadow:none}.btn.danger{background:linear-gradient(135deg,#8d2440,#5b172a)}.btn.big{font-size:18px;padding:17px 22px}.actions,.form{display:grid;gap:13px}.input{width:100%;background:rgba(5,5,9,.86);border:1px solid #2a2934;border-radius:14px;color:#e0dfe6;padding:14px 15px;font:inherit;outline:none;transition:.2s}.input-large{min-height:54px}.input:focus{border-color:#8437df;box-shadow:0 0 0 4px rgba(125,53,213,.11),0 0 25px rgba(125,53,213,.08)}label{font-size:14px;color:#9d9ca7;font-weight:600}.send-buttons{display:grid;grid-template-columns:1fr 1fr;gap:14px}.send-buttons .btn:first-child{grid-column:1/-1}.ai{min-height:100px;animation:pulse 2.4s infinite}.ai strong{font-size:20px}@keyframes pulse{0%,100%{box-shadow:0 0 0 rgba(140,50,255,.15)}50%{box-shadow:0 0 34px rgba(140,50,255,.25)}}.message{background:linear-gradient(145deg,#121019,#0c0b10);border:1px solid #282330;border-radius:15px;padding:15px;margin:10px 0;line-height:2}.small{font-size:12px;color:#6f6f79;margin-top:6px}.table-wrap{overflow:auto;border:1px solid #211d29;border-radius:16px}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #22222b;text-align:right;white-space:nowrap}th{color:#d0d0d8;background:#111018}td{color:#9999a3}.topline{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.error{background:linear-gradient(135deg,#43131d,#281016);border:1px solid #7d2639;color:#ffb8c2;padding:13px 15px;border-radius:14px;margin-bottom:12px}.success{background:linear-gradient(135deg,#123b25,#0e2419);border:1px solid #245d3a;color:#a7efbf;padding:13px 15px;border-radius:14px}.footer{text-align:center;color:#555563;font-size:12px;margin-top:30px}.site-footer{width:min(960px,92%);margin:0 auto;padding:18px 0 30px;text-align:center;color:#62626d;font-size:13px}.site-footer a{color:#9b7aff;text-decoration:none}.site-footer a:hover{text-decoration:underline}
.pin-box{background:linear-gradient(135deg,#e47717,#ff9b2f);color:#180e06;border-radius:18px;padding:17px 19px;margin:14px 0;font-weight:800;box-shadow:0 12px 34px rgba(228,119,23,.16)}.pin-box .pin{font-size:25px;letter-spacing:7px;direction:ltr;display:inline-block;margin-right:8px}.decor{overflow:hidden}.decor:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(130,50,255,.09);top:-120px;left:-70px;filter:blur(4px)}.decor:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:rgba(240,109,23,.045);bottom:-100px;right:-70px;filter:blur(8px)}.send-layout{display:grid;gap:18px}.send-actions{margin-top:4px}.send-card{border-color:#33204a;background:linear-gradient(145deg,#100c16,#09090d)}
.register-card{max-width:720px;margin:22px auto;padding:34px}.section-heading{text-align:center;margin-bottom:24px}.section-heading h2{margin:8px 0 5px}.eyebrow{font-size:11px;letter-spacing:3px;color:#a06cff;font-weight:800}.register-form{gap:12px}.pin-panel{margin-top:5px;padding:20px;border-radius:20px;background:linear-gradient(145deg,#d8660b,#ff9d31);box-shadow:0 15px 45px rgba(228,119,23,.16);border:1px solid rgba(255,200,125,.24);color:#1a0d04}.pin-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.pin-title strong{display:block;font-size:17px}.pin-title small{display:block;margin-top:3px;opacity:.75}.pin-lock{font-size:24px}.pin-inputs{display:flex;justify-content:center;gap:12px}.pin-digit{width:58px;height:62px;border:1px solid rgba(68,25,0,.26);border-radius:15px;background:rgba(255,232,204,.98);color:#211008;text-align:center;font-size:28px;font-weight:800;outline:none;box-shadow:inset 0 2px 10px rgba(92,34,0,.08),0 8px 18px rgba(74,26,0,.12);transition:.2s}.pin-digit:focus{transform:translateY(-2px);border-color:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.18),0 10px 24px rgba(74,26,0,.18)}.glow-btn{margin-top:8px}.success-card{display:flex;align-items:center;gap:13px;font-size:17px}.success-card small{display:block;font-size:12px;margin-top:4px;color:#82d59c}.status-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#1e6c3b;color:#bff6d1;font-size:22px}.link-result{margin-top:15px;padding:19px;border-radius:18px;background:#09090d;border:1px solid #292332;display:grid;gap:8px;text-align:center}.link-result span{color:#777783;font-size:13px}.link-result strong{direction:ltr;word-break:break-all;color:#cda8ff;font-size:16px}.actions-row{display:flex;gap:12px;margin-top:15px}.alert-pop{animation:pop .35s ease}@keyframes pop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(max-width:650px){.brand{font-size:30px}.send-buttons{grid-template-columns:1fr}.send-buttons .btn:first-child{grid-column:auto}.page{width:94%;padding-top:18px}.register-card{padding:22px}.pin-inputs{gap:8px}.pin-digit{width:52px;height:58px}.actions-row{flex-direction:column}.hero-orbit{width:145px;height:145px}.logo{width:127px;height:127px}.card{border-radius:20px;padding:21px}}

/* V4 professional layer */
.page{position:relative;z-index:1}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 20%,rgba(130,30,255,.10),transparent 26%),radial-gradient(circle at 88% 75%,rgba(255,104,0,.06),transparent 24%);z-index:0}
.hero{padding-top:38px}
.hero-orbit{display:inline-flex;padding:7px;border-radius:50%;background:linear-gradient(135deg,#7e22ff,#ff8a18,#7e22ff);box-shadow:0 0 55px rgba(126,34,255,.20)}
.hero-orbit .logo{display:block}
.compact-hero .brand{font-weight:800}
.decor{position:relative;overflow:hidden}
.decor:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(132,43,255,.08);filter:blur(35px);top:-100px;left:-80px;pointer-events:none}
.decor:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:rgba(255,111,20,.05);filter:blur(35px);bottom:-80px;right:-60px;pointer-events:none}
.section-heading{position:relative;z-index:1;margin-bottom:20px}
.eyebrow{display:inline-block;color:#a15cff;font-size:11px;letter-spacing:2px;font-weight:800;margin-bottom:5px}
.section-heading h2{margin:4px 0 7px}
.register-card,.inbox-card,.send-card{border-color:#2a2036;background:linear-gradient(145deg,#0d0b12,#09090d)}
.input-large{padding:16px 17px;border-radius:14px}
.pin-orange{border:1px solid rgba(255,125,20,.72)!important;background:linear-gradient(145deg,rgba(255,119,17,.18),rgba(255,119,17,.06))!important;box-shadow:0 0 32px rgba(255,119,17,.08),inset 0 0 25px rgba(255,119,17,.03)}
.pin-single{width:100%;height:64px;border:2px solid #ff861f;border-radius:15px;background:#100b07;color:#ffd7b5;text-align:center;font-size:30px;letter-spacing:13px;font-weight:800;outline:none;direction:ltr;transition:.2s}
.pin-single:focus{box-shadow:0 0 0 4px rgba(255,134,31,.14),0 0 30px rgba(255,134,31,.14)}
.pin-single::placeholder{color:#8f6146;letter-spacing:13px}
.inbox-head{display:flex;justify-content:space-between;gap:15px;align-items:center;position:relative;z-index:1}
.message-count{background:#17101f;border:1px solid #4d2872;color:#d5b4ff;border-radius:999px;padding:8px 13px;font-size:12px}
.storage-note{position:relative;z-index:1;margin:18px 0;padding:11px 14px;border-radius:11px;background:rgba(255,131,27,.07);border:1px solid rgba(255,131,27,.25);color:#c7a28b;font-size:12px}
.share-box{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:8px;padding:15px;border:1px solid #292333;border-radius:15px;background:#0a090d;margin-bottom:20px}
.share-box span{grid-column:1/-1;color:#85818e;font-size:12px}
.share-box strong{align-self:center;color:#cba5ff;font-size:14px;direction:ltr;text-align:left;overflow-wrap:anywhere}
.empty-inbox{text-align:center;padding:40px 15px;border:1px dashed #302c38;border-radius:16px;position:relative;z-index:1}
.empty-icon{font-size:40px;color:#9d42ff}
.message-list{position:relative;z-index:1;display:grid;gap:12px}
.message-card{margin:0;border:1px solid #2a2532;background:linear-gradient(145deg,#121016,#0c0b10);border-radius:16px;padding:17px}
.message-top{display:flex;justify-content:space-between;gap:10px;color:#9564c5;font-size:11px;margin-bottom:10px}
.message-top time{color:#5e5a65}
.message-body{color:#c9c7cf;line-height:2;word-break:break-word}
.message-input{min-height:190px;resize:vertical}
.ai{position:relative;min-height:92px;display:flex;flex-direction:column;gap:3px}
.ai-sub{font-size:10px;color:#d7c4ee;opacity:.75}
.site-footer{position:relative;z-index:2;text-align:center;color:#66616e;font-size:13px;padding:28px 0 8px}
.site-footer a{color:#9e6ae8;text-decoration:none;transition:.2s}
.site-footer a:hover{color:#c9a6ff}
@media(max-width:650px){.share-box{grid-template-columns:1fr}.share-box .btn{width:100%}.inbox-head{align-items:flex-start}.pin-single{letter-spacing:9px}}
