.cms-page{color:var(--text);font-family:var(--interface-font);line-height:1.9}.cms-page-head{padding:32px 24px;margin-bottom:18px;border-radius:26px;border:1px solid var(--line);background:radial-gradient(ellipse at 0 0,var(--green-soft),transparent 80%),var(--surface)}.cms-page-head small{letter-spacing:.12em;font-size:10px;color:var(--green);font-weight:800}.cms-page-head h1{font-size:clamp(25px,4vw,38px);line-height:1.35;margin:12px 0}.cms-page-head p{color:var(--muted);font-size:15px}.cms-block{padding:24px;border-radius:22px;background:var(--surface);border:1px solid var(--line);margin:14px 0}.cms-block h2{font-size:22px;line-height:1.5;margin:0 0 12px}.cms-block p{font-size:16px;margin:0;overflow-wrap:anywhere}.cms-callout{background:var(--green-soft);border-inline-start:4px solid var(--green)}.cms-link .primary-button{display:inline-flex;margin-top:16px}.cms-image img{display:block;width:100%;max-height:650px;object-fit:contain;border-radius:16px}.cms-image figcaption{font-size:13px;color:var(--muted);text-align:center;margin-top:10px}.cms-divider{border:0;border-top:1px solid var(--line);margin:28px 0}.site-announcement{padding:12px 18px;border-radius:15px;background:var(--green-soft);color:var(--green);font-size:14px;margin-bottom:18px;text-align:center}.site-announcement a{color:inherit}
.messenger-title p{font-size:14px;line-height:1.7}.messenger-search input{font-size:16px;line-height:1.6}.messenger-filters button{font-size:13px;min-height:35px;font-weight:650}.messenger-peer-copy small{font-size:13px;line-height:1.6}.messenger-empty p{font-size:15px;line-height:1.8;max-width:300px}.messenger-empty h2{font-size:27px}.messenger-head small{font-size:12px}.messenger-peer-copy b{font-size:15px}
#main-content[data-section=home] .hero{padding:30px;border-radius:26px;background:radial-gradient(ellipse at 0 0,var(--green-soft),transparent 80%),var(--surface)}#main-content[data-section=home] .hero h2{font-size:clamp(24px,3vw,32px);line-height:1.5}.post,.resource-card,.route-card,.saved-card,.task-list{box-shadow:0 8px 28px #10251a05}.post h3{line-height:1.6}.post-body,.resource-card p{font-size:15px;line-height:1.9}.section-title h2{font-size:21px}.page-subtitle{font-size:15px;line-height:1.8}.profile-help,.account-links small{font-size:13px;line-height:1.8}.saved-card{padding:22px;border-radius:23px}.saved-card svg{width:30px;height:30px}.nav-link{min-height:48px}.hero,.card,.post,.resource-card,.route-card,.task{transition:border-color .25s,box-shadow .25s,transform .25s}.resource-card:hover,.route-card:hover,.saved-card:hover{transform:translateY(-3px);box-shadow:0 13px 30px #10251a0b}.chip,.soft-button,.outline-button{transition:background .2s,transform .22s}.chip:active{transform:scale(.95)}
#main-content[data-section=library] .resource-grid,#main-content[data-section=pathways] .route-grid{animation:cards-unfold .4s ease both}.gift-contents>div{animation:reward-rise .45s cubic-bezier(.2,.8,.2,1) both}.gift-contents>div:nth-child(2){animation-delay:.08s}.gift-contents>div:nth-child(3){animation-delay:.16s}.comment-list .comment{animation:comment-settle .24s ease both}.messenger-empty>svg{animation:chat-idle 4s ease-in-out infinite}.public-profile{animation:profile-reveal .5s ease both}
@keyframes cards-unfold{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes reward-rise{from{opacity:0;transform:translateY(12px) scale(.93)}to{opacity:1;transform:none}}@keyframes comment-settle{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes chat-idle{50%{transform:translateY(-8px) rotate(-5deg)}}@keyframes profile-reveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
html[data-corners=round] .card,html[data-corners=round] .post{border-radius:30px}html[data-corners=compact] .card,html[data-corners=compact] .post{border-radius:12px}html[data-density=compact] .post{padding:14px}html[data-density=compact] .resource-card{padding:15px}
html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-motion=subtle] .messenger-empty>svg{animation:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:720px){.cms-block{padding:18px}.cms-page-head{padding:23px 18px}.messenger-title p{font-size:13px}.messenger-filters button{font-size:13px}.post-body{font-size:15px}}
.comment-list .comment-thread-reply{margin-inline-start:clamp(18px,5vw,52px);padding-inline-start:14px;border-inline-start:2px solid color-mix(in srgb,var(--green) 38%,var(--line));background:color-mix(in srgb,var(--green) 4%,transparent);border-radius:12px}
.comment-list .comment-thread-depth-2{margin-inline-start:clamp(32px,8vw,84px);border-inline-start-color:color-mix(in srgb,var(--green) 22%,var(--line))}
.comment-reply-target{display:flex;align-items:center;gap:8px;width:fit-content;max-width:100%;margin:0 0 12px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--green) 35%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--green) 9%,var(--surface));color:var(--text);font-size:12px;font-weight:700}
.comment-reply-target button{display:grid;place-items:center;width:25px;height:25px;flex:none;margin-inline-start:6px;border:0;border-radius:8px;background:var(--surface);color:var(--muted);font-size:18px;line-height:1;cursor:pointer}
.comment-reply-target button:hover{color:var(--text);background:var(--surface-2)}
.space-showcase-link{position:relative;isolation:isolate;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:120px;margin:18px 0 26px;padding:19px 23px;overflow:hidden;border:1px solid #8ebcff42;border-radius:27px;background:radial-gradient(circle at 7% 50%,#4f7fc94a,transparent 36%),radial-gradient(circle at 92% 15%,#7145ad24,transparent 38%),linear-gradient(135deg,#050b17,#0b1830 56%,#09101d);color:#f7f9ff;text-decoration:none;box-shadow:0 18px 45px #07101f2f,inset 0 1px #ffffff0b;transition:.32s cubic-bezier(.16,1,.3,1)}.space-showcase-link::before{content:"";position:absolute;inset:-45%;z-index:-1;background:conic-gradient(from 20deg,transparent,#8ec5ff0d,transparent 28%,#c58cff0b,transparent 55%);animation:spaceCardDrift 14s linear infinite}.space-showcase-link:hover{transform:translateY(-4px) scale(1.005);border-color:#b4d5ff78;box-shadow:0 25px 65px #07101f48,inset 0 1px #ffffff16}.space-showcase-link>span:nth-child(2){display:grid;gap:4px}.space-showcase-link small{font:800 9px Manrope,Inter,sans-serif;letter-spacing:.2em;color:#91c6ff}.space-showcase-link b{font-family:Manrope,"Noto Sans Arabic",sans-serif;font-size:21px;font-weight:800;line-height:1.5;letter-spacing:-.02em}.space-showcase-link em{font-family:Manrope,"Noto Sans Arabic",sans-serif;font-size:12px;color:#b4bfd2;font-style:normal}.space-showcase-link>svg{width:22px}.space-showcase-planet{position:relative;width:74px;height:74px;flex:none;border-radius:50%;background:radial-gradient(circle,#fff7ba 0 7%,#ffb13f 9% 15%,#ff7e1d 23%,#de3e12 41%,#471222 58%,transparent 60%);filter:drop-shadow(0 0 11px #ff9b3f66);box-shadow:inset 0 0 22px #fff3a844}.space-showcase-planet::before{content:"";position:absolute;inset:-4px;border:1px solid #8fc7ff62;border-radius:50%;transform:rotate(-19deg) scaleX(1.34);box-shadow:0 0 17px #6caeff21}.space-showcase-planet::after{content:"";position:absolute;width:11px;height:11px;right:-9px;top:23px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#eaffff,#4da8e9 45%,#183d7c);box-shadow:-24px 29px 0 -2px #cb7147,13px 31px 0 -3px #80d4d9,0 0 13px #7bc4ff}.space-showcase-link:hover .space-showcase-planet{animation:systemPulse 2.3s ease-in-out infinite}.space-showcase-link:hover .space-showcase-planet::before{animation:orbitTurn 5s linear infinite}@keyframes spaceCardDrift{to{transform:rotate(360deg)}}@keyframes orbitTurn{to{transform:rotate(341deg) scaleX(1.34)}}@keyframes systemPulse{50%{filter:drop-shadow(0 0 19px #ffb151a6);transform:scale(1.04)}}@media(max-width:600px){.space-showcase-link{padding:15px;min-height:102px;gap:13px}.space-showcase-planet{width:58px;height:58px}.space-showcase-link small{font-size:7.5px;letter-spacing:.13em}.space-showcase-link b{font-size:17px}.space-showcase-link em{font-size:10.5px}}