:root{--bg: #0a0f13;--surface: #0f161c;--card: #131c23;--card-2: #17232c;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--text: #edf3f0;--text-2: #9fb3ac;--text-3: #64807a;--green-100: #d9f6e8;--green-300: #7fe3ba;--green-400: #43d69a;--green-500: #22b57f;--green-600: #178c62;--green-700: #0f6b4a;--green-deep: #0d2c22;--glow: rgba(67, 214, 154, .35);--hero-grad: linear-gradient(140deg, #0d2b21 0%, #103829 48%, #175044 100%);--r-lg: 22px;--r-md: 16px;--r-sm: 12px;--font: "Almarai", "Segoe UI", Tahoma, system-ui, sans-serif;--shadow-card: 0 8px 28px rgba(0, 0, 0, .35);--shadow-glow: 0 6px 24px rgba(34, 181, 127, .25)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(900px 420px at 85% -8%,rgba(34,181,127,.09),transparent 60%),radial-gradient(700px 380px at 8% 12%,rgba(23,140,98,.06),transparent 55%),var(--bg);color:var(--text);font-family:var(--font);line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:inherit}.container{width:min(1080px,92%);margin-inline:auto}.site-header{position:sticky;top:0;z-index:40;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#0a0f13c7;border-bottom:1px solid var(--border)}.site-header .container{display:flex;align-items:center;gap:1.1rem;padding-block:.7rem}.brand{display:flex;align-items:center;gap:.55rem;font-weight:800;font-size:1.12rem}.brand-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(140deg,var(--green-600),var(--green-400));color:#06231a;box-shadow:var(--shadow-glow);flex:none}.header-nav{display:flex;align-items:center;gap:.25rem;margin-inline-start:auto}.header-nav a{padding:.42rem .85rem;border-radius:999px;color:var(--text-2);font-size:.95rem;transition:color .15s,background .15s}.header-nav a:hover{color:var(--text);background:#ffffff0d}.header-nav a.active{color:var(--green-300);background:#43d69a1a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.62rem 1.15rem;border-radius:999px;border:1px solid transparent;font-size:.95rem;font-weight:700;cursor:pointer;transition:transform .12s,box-shadow .15s,background .15s,border-color .15s}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(140deg,var(--green-600),var(--green-400));color:#05201800;color:#05231a;box-shadow:var(--shadow-glow)}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{background:transparent;border-color:var(--border-strong);color:var(--text)}.btn-ghost:hover{background:#ffffff0d}.btn[disabled]{opacity:.55;cursor:not-allowed}.bottom-nav{position:fixed;inset-inline:0;bottom:max(12px,env(safe-area-inset-bottom));z-index:50;display:none;justify-content:center;pointer-events:none}.bottom-nav .bar{pointer-events:auto;display:flex;gap:.25rem;padding:.45rem;border-radius:999px;background:#0f161ceb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-strong);box-shadow:0 14px 34px #00000080}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:64px;padding:.42rem .5rem .34rem;border-radius:18px;color:var(--text-3);font-size:.68rem;font-weight:700}.bottom-nav a.active{color:var(--green-300);background:#43d69a1f}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.4rem;box-shadow:var(--shadow-card)}.card-outlined{background:transparent;border:1px solid var(--border-strong);border-radius:var(--r-lg);padding:1.2rem 1.4rem}.hero{position:relative;overflow:hidden;margin-top:1.4rem;border-radius:28px;background:var(--hero-grad);border:1px solid rgba(127,227,184,.16);padding:clamp(1.8rem,5vw,3.4rem);box-shadow:0 20px 60px #0d2c2273}.hero:before,.hero:after{content:"";position:absolute;border:1.5px solid rgba(127,227,184,.14);border-radius:50%;pointer-events:none}.hero:before{width:520px;height:520px;inset-inline-start:-180px;top:-220px}.hero:after{width:340px;height:340px;inset-inline-end:-120px;bottom:-160px}.hero-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .9rem;border-radius:999px;background:#ffffff12;border:1px solid rgba(255,255,255,.14);color:var(--green-100);font-size:.85rem;font-weight:700;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero h1{margin:1rem 0 .4rem;font-size:clamp(1.7rem,4.6vw,2.7rem);font-weight:800;line-height:1.35}.hero h1 em{font-style:normal;color:var(--green-300)}.hero p{margin:0 0 1.4rem;color:#c8ddd4;max-width:56ch;font-size:clamp(.98rem,2vw,1.08rem)}.hero-actions{display:flex;gap:.7rem;flex-wrap:wrap}.hero-actions .btn{padding:.75rem 1.5rem;font-size:1rem}.hero-strip{position:relative;margin-top:2rem;display:flex;align-items:center;gap:.9rem;padding:.8rem 1.1rem;border-radius:var(--r-md);background:#06140f73;border:1px solid rgba(127,227,184,.18);color:var(--green-100);font-size:.92rem;flex-wrap:wrap}.hero-strip strong{color:#fff}.hero-strip a{margin-inline-start:auto;color:var(--green-300);font-weight:700}.formula{position:absolute;padding:.3rem .8rem;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#d9f6e8d9;font-size:.8rem;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:floaty 6s ease-in-out infinite}.formula.f1{top:18%;inset-inline-end:6%}.formula.f2{top:42%;inset-inline-end:16%;animation-delay:1.6s}.formula.f3{bottom:22%;inset-inline-end:8%;animation-delay:3.1s}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@media(prefers-reduced-motion:reduce){.formula{animation:none}}.section{margin-top:2.2rem}.section-title{display:flex;align-items:center;gap:.6rem;margin:0 0 1rem;font-size:1.22rem;font-weight:800}.section-title .dot{width:9px;height:9px;border-radius:50%;background:var(--green-400);box-shadow:0 0 12px var(--glow)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}.stat-card{display:flex;align-items:center;gap:.9rem;background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.05rem 1.2rem}.stat-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#43d69a1f;color:var(--green-300);flex:none}.stat-num{font-size:1.45rem;font-weight:800;line-height:1.2}.stat-label{color:var(--text-2);font-size:.85rem}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem}.feature-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.25rem;transition:transform .15s,border-color .15s}.feature-card:hover{transform:translateY(-3px);border-color:#43d69a59}.feature-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#43d69a1f;color:var(--green-300);margin-bottom:.8rem}.feature-card h3{margin:0 0 .3rem;font-size:1.02rem;font-weight:800}.feature-card p{margin:0;color:var(--text-2);font-size:.88rem}.library-tools{display:flex;flex-direction:column;gap:.9rem;margin:1.3rem 0 1.1rem}.search-box{position:relative}.search-box svg{position:absolute;inset-inline-start:1rem;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none}.search-box input{width:100%;padding:.85rem 1rem;padding-inline-start:2.8rem;border-radius:999px;border:1px solid var(--border-strong);background:var(--card);color:var(--text);font-family:inherit;font-size:.98rem;outline:none;transition:border-color .15s,box-shadow .15s}.search-box input::placeholder{color:var(--text-3)}.search-box input:focus{border-color:#43d69a8c;box-shadow:0 0 0 4px #43d69a1f}.tags-row{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:.35rem;scrollbar-width:none}.tags-row::-webkit-scrollbar{display:none}.tag-chip{flex:none;display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .95rem;border-radius:999px;border:1px solid var(--border-strong);background:var(--card);color:var(--text-2);font-size:.86rem;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap}.tag-chip:hover{border-color:#43d69a80;color:var(--text)}.tag-chip.active{background:#43d69a24;border-color:#43d69a8c;color:var(--green-300)}.tag-chip .count{color:var(--text-3);font-size:.76rem;font-weight:400}.tag-chip.active .count{color:#7fe3b8b3}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.content-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:transform .15s,border-color .15s,box-shadow .15s;cursor:zoom-in}.content-card:hover{transform:translateY(-3px);border-color:#43d69a66;box-shadow:0 12px 30px #0006}.content-media{aspect-ratio:4 / 3;background:linear-gradient(140deg,rgba(67,214,154,.07),transparent),var(--card-2);display:grid;place-items:center;color:var(--text-3);overflow:hidden}.content-media img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.content-card:hover .content-media img{transform:scale(1.04)}.content-body{padding:.95rem 1.05rem 1.1rem}.content-body h3{margin:0 0 .5rem;font-size:1rem;font-weight:800;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content-tags{display:flex;gap:.35rem;flex-wrap:wrap}.mini-tag{font-size:.74rem;padding:.12rem .6rem;border-radius:999px;background:#43d69a1a;color:var(--green-300)}.result-count{color:var(--text-3);font-size:.85rem;margin:0 0 .8rem}.load-more{display:flex;justify-content:center;margin-top:1.4rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{border-radius:var(--r-md);background:linear-gradient(90deg,var(--card) 25%,var(--card-2) 50%,var(--card) 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite;border:1px solid var(--border)}.skeleton-card{height:260px;border-radius:var(--r-lg)}.empty-state{text-align:center;padding:3.2rem 1.4rem;border:1px dashed var(--border-strong);border-radius:var(--r-lg);color:var(--text-2);background:var(--surface)}.empty-state .big{font-size:2rem;margin-bottom:.4rem}.auth-wrap{display:flex;justify-content:center;padding:2.4rem 0 3.4rem}.auth-card{width:min(460px,100%)}.auth-card h2{margin:0 0 .35rem;font-weight:800;font-size:1.4rem}.auth-card .sub{margin:0 0 1.3rem;color:var(--text-2);font-size:.92rem}.field{display:block;margin-bottom:.95rem}.field span{display:block;margin-bottom:.35rem;color:var(--text-2);font-size:.88rem;font-weight:700}.field input{width:100%;padding:.78rem 1rem;border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-family:inherit;font-size:.98rem;outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:#43d69a8c;box-shadow:0 0 0 4px #43d69a1f}.pw-wrap{position:relative}.pw-toggle{position:absolute;inset-inline-end:.6rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-3);cursor:pointer;padding:.3rem;display:grid;place-items:center}.pw-toggle:hover{color:var(--text-2)}.pw-rules{list-style:none;margin:.7rem 0 0;padding:.85rem 1rem;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);display:grid;gap:.3rem}.pw-rules li{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--text-3);transition:color .15s}.pw-rules li.ok{color:var(--green-300)}.rule-dot{width:7px;height:7px;border-radius:50%;background:var(--text-3);flex:none;transition:background .15s,box-shadow .15s}.pw-rules li.ok .rule-dot{background:var(--green-400);box-shadow:0 0 8px var(--glow)}.pw-strength{height:5px;border-radius:999px;background:var(--card-2);overflow:hidden;margin-top:.7rem}.pw-strength>div{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green-700),var(--green-400));transition:width .25s ease}.form-error{margin:0 0 .9rem;padding:.65rem .95rem;border-radius:var(--r-sm);background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;font-size:.88rem}.form-ok{margin:0 0 .9rem;padding:.65rem .95rem;border-radius:var(--r-sm);background:#43d69a1a;border:1px solid rgba(67,214,154,.3);color:var(--green-300);font-size:.88rem}.auth-alt{text-align:center;margin:1.1rem 0 0;color:var(--text-2);font-size:.9rem}.auth-alt a{color:var(--green-300);font-weight:700}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#05080ae0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:1.2rem;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox img{max-width:min(920px,100%);max-height:86vh;border-radius:var(--r-md);border:1px solid var(--border-strong);box-shadow:0 30px 80px #0009}.lightbox-close{position:absolute;top:1.1rem;inset-inline-start:1.1rem;width:40px;height:40px;border-radius:50%;border:1px solid var(--border-strong);background:#0f161ce6;color:var(--text);font-size:1.1rem;cursor:pointer;display:grid;place-items:center}.lightbox-title{position:absolute;bottom:1.2rem;inset-inline:1.2rem;text-align:center;color:var(--text-2);font-size:.9rem}.notfound{text-align:center;padding:4.5rem 1rem 5rem}.notfound .code{font-size:clamp(4rem,14vw,7rem);font-weight:800;line-height:1;background:linear-gradient(140deg,var(--green-400),var(--green-700));-webkit-background-clip:text;background-clip:text;color:transparent}.notfound h2{margin:.6rem 0 .4rem;font-weight:800}.notfound p{color:var(--text-2);margin:0 0 1.6rem}.footer{margin-top:3.2rem;border-top:1px solid var(--border);background:var(--surface);padding:1.6rem 0 calc(1.6rem + env(safe-area-inset-bottom))}.footer .container{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;color:var(--text-2);font-size:.9rem}.footer .dev{margin-inline-start:auto;color:var(--text-3)}.footer .dev strong{color:var(--green-300);font-weight:700}.remember-row{display:flex;align-items:center;gap:.6rem;margin:.2rem 0 1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.remember-row input{position:absolute;opacity:0;pointer-events:none}.remember-box{width:20px;height:20px;border-radius:7px;border:1.5px solid var(--border-strong);background:var(--surface);flex:none;position:relative;transition:border-color .15s,background .15s,box-shadow .15s}.remember-row input:checked+.remember-box{background:linear-gradient(140deg,var(--green-600),var(--green-400));border-color:transparent;box-shadow:0 0 10px var(--glow)}.remember-row input:checked+.remember-box:after{content:"";position:absolute;inset-inline-start:6px;top:2.5px;width:5px;height:10px;border:solid #06231a;border-width:0 2px 2px 0;transform:rotate(45deg)}.remember-text{font-size:.9rem;color:var(--text-2);font-weight:700}.remember-text small{color:var(--text-3);font-weight:400}.account-link{display:inline-flex;align-items:center;gap:.45rem}.nav-avatar{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,var(--green-600),var(--green-400));color:#06231a;font-size:.78rem;font-weight:800}.profile-head{display:flex;align-items:center;gap:1rem;padding-bottom:1.2rem;border-bottom:1px solid var(--border);margin-bottom:1.1rem}.avatar{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(140deg,var(--green-600),var(--green-400));color:#06231a;font-size:1.7rem;font-weight:800;box-shadow:var(--shadow-glow);flex:none}.profile-id h2{margin:0;font-size:1.25rem;font-weight:800;line-height:1.4}.profile-id .username{margin:0 0 .35rem;color:var(--text-3);font-size:.85rem;direction:ltr;text-align:right}.role-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .7rem;border-radius:999px;font-size:.76rem;font-weight:700;background:#ffffff0f;border:1px solid var(--border-strong);color:var(--text-2)}.role-badge.admin{background:#43d69a24;border-color:#43d69a8c;color:var(--green-300);box-shadow:0 0 12px #43d69a2e}.admin-note{display:flex;align-items:center;gap:.55rem;padding:.65rem .9rem;border-radius:var(--r-sm);background:#43d69a14;border:1px solid rgba(67,214,154,.3);color:var(--green-300);font-size:.85rem;font-weight:700;margin-bottom:1rem}.admin-note svg{flex:none}.acc-rows{display:grid;gap:.6rem}.acc-row{display:flex;align-items:center;gap:.7rem;padding:.72rem .95rem;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border)}.acc-ic{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#43d69a1a;color:var(--green-300);flex:none}.acc-label{color:var(--text-3);font-size:.82rem}.acc-value{margin-inline-start:auto;color:var(--text);font-size:.9rem;font-weight:700;text-align:left;word-break:break-all}.session-note{margin:1rem 0 1.1rem;color:var(--text-3);font-size:.8rem;text-align:center}.btn-logout{background:#ef444414;border-color:#ef444459;color:#fca5a5}.btn-logout:hover{background:#ef444424}@media(max-width:860px){.features-grid{grid-template-columns:repeat(2,1fr)}.header-nav{display:none}.bottom-nav{display:flex}.stats-grid{grid-template-columns:repeat(3,1fr);gap:.6rem}.stat-card{flex-direction:column;text-align:center;gap:.4rem;padding:.9rem .5rem}.stat-icon{width:38px;height:38px}.stat-num{font-size:1.15rem}.stat-label{font-size:.72rem}body{padding-bottom:84px}}@media(max-width:540px){.features-grid{grid-template-columns:1fr}.content-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.hero{border-radius:22px}.formula{display:none}.profile-head{flex-direction:column;text-align:center;gap:.7rem}.profile-id{display:flex;flex-direction:column;align-items:center}.acc-row{flex-wrap:wrap}.acc-value{margin-inline-start:0;flex-basis:100%;text-align:right;padding-inline-start:2.7rem}}