:root{--bg:#050713;--glass:rgba(7,14,34,.7);--glass2:rgba(10,17,40,.88);--line:rgba(144,160,255,.25);--text:#f7f5ff;--muted:#a8aec7;--dim:#707994;--violet:#9d69ff;--blue:#378dff;--cyan:#4ce5dc;--green:#5ce0c5;--side:154px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;color:var(--text);background:#050713;font-family:Vazirmatn,IRANSansX,"Segoe UI",Tahoma,sans-serif;-webkit-font-smoothing:antialiased}button,textarea{font:inherit}button,a{color:inherit}a{text-decoration:none}button{cursor:pointer}.app-shell{min-height:100vh}.side{position:fixed;z-index:30;inset:0 auto 0 0;width:var(--side);display:flex;flex-direction:column;direction:rtl;border-right:1px solid rgba(135,157,255,.18);background:linear-gradient(180deg,rgba(3,8,22,.95),rgba(3,9,23,.84));backdrop-filter:blur(20px)}.logo{display:grid;place-items:center;padding:25px 12px 28px;direction:ltr}.logo span{font:300 31px/1 Georgia;letter-spacing:8px;background:linear-gradient(110deg,#72c7ff,#b772ff,#f2b2ff);-webkit-background-clip:text;color:transparent}.logo small{margin-top:7px;color:#b0aacb;font-size:7px;letter-spacing:4px}.side nav{display:grid;gap:6px}.side nav a{height:57px;display:flex;align-items:center;gap:15px;padding:0 20px;color:#c1c5d5;font-size:19px;border-right:3px solid transparent}.side nav a span{font-size:12px}.side nav a.active,.side nav a:hover{border-color:#805cff;background:linear-gradient(90deg,rgba(63,90,194,.33),rgba(81,55,180,.12));box-shadow:inset 14px 0 30px rgba(105,70,255,.14);color:#fff}.side footer{margin-top:auto;padding:22px;color:#8b94b4;direction:rtl}.side footer p{font-size:11px;line-height:1.8}.side footer small{display:block;margin-top:14px;direction:ltr;font-size:8px;line-height:1.5}.app-shell>main{min-height:100vh;margin-left:var(--side);padding:0 28px 90px;background:radial-gradient(circle at 85% 0,rgba(38,74,180,.14),transparent 24%),#050713}.topbar{height:76px;display:flex;align-items:center;justify-content:flex-start;gap:10px;direction:rtl}.credit,.founder,.bell{min-height:48px;border:1px solid rgba(128,146,229,.18);border-radius:16px;background:rgba(8,17,41,.64);backdrop-filter:blur(18px)}.credit{display:flex;align-items:center;padding:5px 7px 5px 14px;gap:9px}.credit>span{color:#ba8bff;font-size:21px}.credit small{display:grid;color:#9ba3c0;font-size:8px}.credit strong{color:#fff;font-size:13px}.credit button,.bell{width:42px;border:0;background:rgba(93,112,196,.14);font-size:22px}.bell{display:grid;place-items:center}.founder{display:flex;align-items:center;gap:9px;padding:5px 11px}.founder em{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#cfb5ff,#5e46b0);font-style:normal}.founder span{display:grid;min-width:100px}.founder strong{font-size:10px}.founder small{color:#8d94ac;font-size:8px}.founder b{font-size:11px}.hero{position:relative;min-height:560px;padding:38px 34px 28px;overflow:hidden;border:1px solid rgba(109,137,248,.22);border-radius:26px;background:url('giv-cinematic-bg.png') center 43%/cover no-repeat;box-shadow:0 30px 100px rgba(0,0,0,.55),inset 0 0 80px rgba(22,25,78,.25)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,7,19,.88),rgba(2,6,17,.04) 34%,rgba(2,7,20,.04) 67%,rgba(2,7,20,.7)),linear-gradient(0deg,rgba(2,6,17,.88),transparent 55%)}.hero-copy{position:relative;z-index:1;width:260px;margin-right:auto;text-align:right}.hero-copy .eyebrow{max-width:160px;margin:12px 0 56px;color:#d2d4e3;font-size:12px;line-height:2}.hero-copy h1{margin:0;font-size:48px;line-height:1}.hero-copy h2{margin:12px 0 0;font-size:16px}.hero-copy>p:last-child{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.35);color:#d4d8e7;font-size:10px}.hero-note{position:absolute;z-index:2;top:38px;right:28px;width:190px;padding:28px 20px;text-align:center;border:1px solid rgba(137,169,255,.34);border-radius:20px;background:linear-gradient(150deg,rgba(5,13,34,.78),rgba(7,17,40,.43));box-shadow:inset 0 0 36px rgba(68,82,188,.14);backdrop-filter:blur(14px)}.hero-note strong,.hero-note span{display:block}.hero-note strong{font-size:17px}.hero-note span{margin-top:10px;font-size:12px;line-height:2}.hero-note i{display:block;width:48px;margin:24px auto 16px;border-top:1px solid #ccd4ee}.hero-note small{color:#a4afd0;font-size:9px;line-height:1.7}.composer{position:absolute;z-index:3;right:14%;bottom:82px;width:72%;height:76px;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid rgba(154,138,255,.7);border-radius:38px;background:linear-gradient(90deg,rgba(10,19,45,.93),rgba(16,34,78,.72));box-shadow:inset 0 0 25px rgba(85,105,234,.12),0 0 30px rgba(72,78,255,.22);backdrop-filter:blur(20px)}.composer textarea{min-width:0;flex:1;height:48px;padding:13px 4px;resize:none;border:0;outline:0;color:#fff;background:transparent;font-size:13px;line-height:1.7}.composer textarea::placeholder{color:#b5bad0}.composer button{flex:0 0 48px;height:48px;border:1px solid rgba(151,175,255,.16);border-radius:50%;background:rgba(11,24,54,.84);font-size:20px}.composer .send{color:#fff;background:linear-gradient(135deg,#6e79ff,#bd5cff);box-shadow:0 0 25px rgba(159,75,255,.65)}.composer>p{position:absolute;top:78px;right:25px;margin:0;color:#ffafbd;font-size:9px}.quick{position:absolute;z-index:3;right:18%;bottom:24px;width:64%;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick button{height:40px;border:1px solid rgba(113,142,246,.3);border-radius:22px;background:rgba(6,17,44,.64);backdrop-filter:blur(14px);font-size:10px}.quick button:hover{border-color:#907aff;background:rgba(64,49,135,.6)}.service-strip{display:none}.mission-stage,.recent{margin-top:22px;border:1px solid rgba(113,143,255,.38);border-radius:24px;background:linear-gradient(145deg,rgba(7,17,42,.88),rgba(6,12,29,.88));box-shadow:inset 0 0 38px rgba(35,54,124,.13)}.mission-stage{padding:18px}.mission-stage>header,.recent>header{display:flex;align-items:center;justify-content:space-between}.mission-stage>header>div{display:grid;grid-template-columns:auto auto;align-items:center;gap:5px 12px}.mission-stage header p{margin:0;font-size:19px;font-weight:800}.mission-stage header h2{grid-column:1/3;margin:0;color:#b8bfd7;font-size:11px;font-weight:500}.pulse{width:13px;height:13px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.state{padding:9px 15px;border:1px solid var(--line);border-radius:18px;color:#aeb7d6;font-size:9px}.mission-live{display:grid;grid-template-columns:1fr 230px;gap:14px;margin-top:16px}.mission-preview,.mission-live aside{min-height:320px;border:1px solid rgba(113,137,226,.18);border-radius:18px;background:rgba(3,9,24,.66)}.window-bar{height:35px;display:flex;align-items:center;gap:5px;padding:0 12px;border-bottom:1px solid rgba(130,151,234,.16);direction:ltr}.window-bar i{width:7px;height:7px;border-radius:50%;background:#fb6666}.window-bar i:nth-child(2){background:#f5bf52}.window-bar i:nth-child(3){background:#5bd28d}.window-bar span{margin-left:12px;color:#77809f;font-size:8px}.preview-core{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center}.preview-core>span,.mini-orb,.nav-orb{display:grid;place-items:center;border:1px solid rgba(212,191,255,.55);border-radius:50%;background:radial-gradient(circle at 35% 25%,#eee7ff,#a98bff 19%,#5435a1 52%,#12142c 78%);box-shadow:0 0 35px rgba(139,87,255,.46);font:700 32px Georgia}.preview-core>span{width:78px;height:78px}.preview-core strong{margin-top:18px;font-size:14px}.preview-core small{margin-top:8px;color:#818aa9;font-size:9px}.preview-core a{margin-top:22px;padding:10px 18px;border-radius:18px;background:linear-gradient(120deg,#4c5ae2,#8e4fe0);font-size:9px}.mission-live aside{padding:20px}.mission-live aside h3{font-size:13px}.mission-live aside p{display:flex;align-items:center;gap:7px;color:#c7cce0;font-size:10px}.mission-live aside p i{width:8px;height:8px;border-radius:50%;background:var(--cyan)}.mission-live aside small{color:#737d9e;font-size:8px}.mission-empty{min-height:210px;display:flex;align-items:center;justify-content:center;gap:22px;text-align:right}.mini-orb{width:70px;height:70px}.mission-empty strong{font-size:16px}.mission-empty p{margin:7px 0;color:#8e97b6;font-size:10px}.mission-empty button{padding:11px 18px;border:1px solid var(--line);border-radius:20px;background:rgba(65,62,145,.35);font-size:9px}.recent{padding:22px}.recent header span{color:#9d77ff;font-size:8px;letter-spacing:2px}.recent h2{margin:4px 0 0;font-size:20px}.recent header a{color:#b88aff;font-size:10px}.recent-empty{padding:46px;text-align:center;color:#7f88a4;font-size:11px}.mission-list{display:grid;gap:8px;margin-top:18px}.mission-row{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(125,144,219,.13);border-radius:14px;background:rgba(8,15,35,.55)}.mission-icon{font-size:18px}.mission-row>span:nth-child(2){display:grid}.mission-row strong{font-size:11px}.mission-row small{color:#727c9b;font-size:8px}.mission-row b{margin-right:auto;color:#91e9d4;font-size:9px}.mission-row i{width:7px;height:7px;border-radius:50%;background:var(--cyan)}.mobile-nav{display:none}@media(max-width:980px){:root{--side:0}.side{display:none}.app-shell>main{margin:0;padding:0 18px 96px}.hero-note{display:none}.composer{right:8%;width:84%}.quick{right:10%;width:80%}.mission-live{grid-template-columns:1fr}.mission-live aside{min-height:130px}.topbar{justify-content:flex-start}.credit{display:none}.mobile-nav{position:fixed;z-index:50;inset:auto 0 0;height:72px;display:flex;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid rgba(125,145,225,.18);background:rgba(4,9,22,.94);backdrop-filter:blur(20px)}.mobile-nav a,.mobile-nav button{min-width:55px;display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:none;color:#929ab5}.mobile-nav small{font-size:8px}.mobile-nav .active{color:#c5a4ff}.mobile-nav button{margin-top:-28px}.nav-orb{width:55px;height:55px;color:#fff;font-size:22px}.mobile-nav button small{color:#c4a0ff}}@media(max-width:600px){.app-shell>main{padding:0 12px 100px}.topbar{height:64px}.bell{margin-right:auto}.founder span{display:none}.founder{min-width:47px;padding:5px}.hero{min-height:648px;padding:18px 16px;background-position:center top;border-radius:0;margin:0 -12px}.hero-shade{background:linear-gradient(0deg,rgba(3,7,19,.96) 0,rgba(3,7,19,.58) 56%,rgba(2,6,17,.08) 100%)}.hero-copy{width:100%;margin:300px 0 0;text-align:right}.hero-copy .eyebrow{display:none}.hero-copy h1{font-size:38px}.hero-copy h2{font-size:15px}.hero-copy>p:last-child{margin-top:12px;padding-top:11px}.composer{right:16px;bottom:116px;width:calc(100% - 32px);height:68px}.composer button{flex-basis:43px;height:43px}.composer textarea{font-size:11px}.composer .attach{display:none}.quick{right:16px;bottom:18px;width:calc(100% - 32px);grid-template-columns:1fr 1fr;gap:7px}.quick button{height:40px;font-size:9px}.service-strip{display:grid;gap:8px;margin-top:15px}.service-strip article{min-height:78px;display:flex;align-items:center;gap:12px;padding:13px;border:1px solid rgba(119,140,221,.19);border-radius:18px;background:linear-gradient(135deg,rgba(14,24,53,.86),rgba(7,13,30,.84))}.service-strip article>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:#a983ff;background:rgba(92,62,174,.25);font-size:20px}.service-strip article div{display:grid}.service-strip strong{font-size:12px}.service-strip small{margin-top:3px;color:#808aa8;font-size:9px}.service-strip b{margin-right:auto}.mission-stage,.recent{margin-top:16px;border-radius:19px}.mission-stage{padding:14px}.mission-stage header p{font-size:15px}.mission-stage header h2{font-size:9px}.mission-live{margin-top:12px}.mission-preview{min-height:255px}.preview-core{min-height:220px}.mission-live aside{min-height:110px}.mission-empty{min-height:190px;flex-direction:column;text-align:center;gap:12px}.recent{padding:16px}.recent h2{font-size:17px}.mission-row{padding:11px}.mission-row b{max-width:75px;text-align:left}.recent-empty{padding:35px 12px}.composer>p{top:68px}.topbar .founder{order:1}.topbar .bell{order:2}}@media(max-width:370px){.composer .mic{display:none}.hero-copy{margin-top:310px}.quick button{font-size:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}