@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700;800&display=swap";
:root{--bg-primary:#050508;--bg-secondary:#0f0f16;--bg-tertiary:#161622;--text-primary:#fff;--text-secondary:#c8c8dc;--text-muted:#88a;--accent:#7b7bff;--accent-hover:#9b9bff;--accent-glow:#7b7bff66;--border:#ffffff0d;--border-hover:#ffffff26;--glass:#0f0f1680;--glass-hover:#0f0f16cc;--success:#4ade80;--error:#f87171;--warning:#fbbf24;--shadow:0 12px 40px #00000080;--shadow-glow:0 0 24px var(--accent-glow);--radius:12px;--radius-lg:20px;--radius-xl:32px;--transition:all .4s cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(circle at 15%,#7b7bff08 0%,#0000 50%),radial-gradient(circle at 85% 30%,#7b7bff0d 0%,#0000 50%);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.03em;font-family:Space Grotesk,Inter,sans-serif;line-height:1.1}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}input,textarea,select{font-family:inherit}.navbar{z-index:1000;-webkit-backdrop-filter:blur(24px);width:calc(100% - 48px);max-width:800px;transition:var(--transition);background:#0f0f16a6;border:1px solid #ffffff14;border-radius:100px;padding:12px 24px;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #00000080,0 0 0 1px #7b7bff0d}.navbar-inner{justify-content:space-between;align-items:center;display:flex}.navbar-logo{color:var(--text-primary);letter-spacing:-.04em;transition:var(--transition);align-items:center;gap:12px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:800;display:flex}.navbar-logo:hover{color:var(--accent);transform:scale(1.02)}.navbar-links{align-items:center;gap:8px;display:flex}.navbar-link{border-radius:var(--radius);color:var(--text-secondary);transition:var(--transition);padding:8px 16px;font-size:14px;font-weight:500;position:relative}.navbar-link:hover,.navbar-link.active{color:var(--text-primary);background:#7b7bff1a}.navbar-link.active:after{content:"";background:var(--accent);height:2px;box-shadow:0 -2px 8px var(--accent-glow);border-radius:2px;position:absolute;bottom:0;left:20%;right:20%}.burger-menu{background:0 0;flex-direction:column;gap:5px;padding:8px;display:none}.burger-line{background:var(--text-primary);width:22px;height:2px;transition:var(--transition);border-radius:2px}@media (max-width:768px){.burger-menu{display:flex}.navbar-links{border-radius:20px;gap:4px;margin-top:12px;display:none;position:absolute;top:100%;left:0;right:0}.navbar-links.open{display:flex}.navbar-link{text-align:center;width:100%;padding:12px 16px}}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 24px 60px;display:flex;position:relative;overflow:visible}.background-animation{z-index:-2;background:var(--bg-primary);pointer-events:none;position:fixed;inset:0;overflow:hidden}.background-animation:before,.background-animation:after{content:"";filter:blur(100px);opacity:.12;border-radius:50%;width:60vmax;height:60vmax;animation:20s cubic-bezier(.4,0,.2,1) infinite alternate glowMesh;position:absolute}.background-animation:before{background:radial-gradient(circle,var(--accent)0%,transparent 70%);top:-10vmax;left:-10vmax}.background-animation:after{background:radial-gradient(circle,#4169e1 0%,#0000 70%);animation-delay:-10s;bottom:-10vmax;right:-10vmax}@keyframes glowMesh{0%{transform:translate(0)scale(1)}50%{transform:translate(10vw,5vh)scale(1.1)}to{transform:translate(-5vw,15vh)scale(.9)}}.hero-title{background:linear-gradient(#fff 0%,#a0a0d0 100%);-webkit-text-fill-color:transparent;letter-spacing:-.04em;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:clamp(36px,6vw,64px);font-weight:800}.hero-subtitle{color:var(--text-secondary);max-width:580px;margin:0 auto;font-size:clamp(16px,2vw,20px);font-weight:400;line-height:1.7}.section-tabs{z-index:10;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:56px;padding:0 24px;display:flex;position:relative}.section-tab{color:var(--text-secondary);transition:var(--transition);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border-radius:100px;padding:14px 28px;font-size:15px;font-weight:600}.section-tab:hover{color:var(--text-primary);background:#ffffff0f;transform:translateY(-2px)}.section-tab.active{color:var(--bg-primary);background:var(--text-primary);border-color:var(--text-primary);box-shadow:0 4px 20px #ffffff26}@media (max-width:480px){.section-tab{text-align:center;flex:1;min-width:140px;padding:12px 20px;font-size:13px}}.cards-container{max-width:1200px;margin:0 auto;padding:0 24px 100px}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:start;gap:24px;display:grid}.cards-grid.links-grid{flex-wrap:wrap;justify-content:center;display:flex}.cards-grid.links-grid>*{flex:320px;max-width:400px}.link-card{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:flex-start;gap:20px;padding:24px;display:flex;position:relative;overflow:hidden}.link-card:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:.5;pointer-events:none;background:linear-gradient(135deg,#ffffff1a,#fff0);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.link-card:hover{background:var(--glass-hover);border-color:var(--border-hover);box-shadow:var(--shadow-glow);transform:translateY(-4px)scale(1.01)}.link-card-icon{background:#7b7bff1a;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex;box-shadow:inset 0 0 0 1px #7b7bff33}.link-card-content{flex:1;min-width:0}.link-card-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:6px;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700}.link-card-desc{color:var(--text-secondary);font-size:14px;line-height:1.6}.link-card-arrow{color:var(--text-muted);transition:var(--transition);opacity:0;align-self:center;font-size:20px;transform:translate(-10px)}.link-card:hover .link-card-arrow{opacity:1;color:var(--accent);transform:translate(0)}.content-card{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-xl);transition:var(--transition);cursor:pointer;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.content-card:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#ffffff1a,#fff0);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.content-card:hover{border-color:#7b7bff4d;transform:translateY(-6px);box-shadow:0 16px 40px #0009,0 0 20px #7b7bff1a}.content-card-image{aspect-ratio:16/9;background:var(--bg-tertiary);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.content-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.content-card:hover .content-card-image img{transform:scale(1.05)}.content-card-image-placeholder{opacity:.2;font-size:48px}.content-card-body{flex-direction:column;flex:1;padding:24px;display:flex}.content-card-source{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:12px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700}.content-card-title{color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.content-card-desc{color:var(--text-secondary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:16px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.footer{text-align:center;border-top:1px solid var(--border);background:var(--bg-secondary);color:var(--text-muted);padding:40px 24px;font-size:14px}.footer a{color:var(--text-primary);transition:var(--transition);font-weight:600}.footer a:hover{color:var(--accent)}.empty-state{text-align:center;color:var(--text-muted);width:100%;padding:80px 24px}.empty-state-icon{opacity:.3;filter:grayscale();margin-bottom:20px;font-size:56px}.empty-state-text{font-family:Space Grotesk,sans-serif;font-size:16px}.admin-container{max-width:1000px;margin:0 auto;padding:120px 24px 60px}.admin-login{text-align:center;max-width:420px;margin:0 auto;padding:160px 24px 40px}.admin-login-card{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:48px 32px}.admin-login-title{margin-bottom:8px;font-size:28px;font-weight:800}.admin-login-subtitle{color:var(--text-muted);margin-bottom:32px;font-size:15px}.admin-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.admin-title{font-size:32px;font-weight:800}.admin-tabs{border-radius:var(--radius-lg);border:1px solid var(--border);background:#ffffff08;gap:8px;margin-bottom:32px;padding:6px;display:flex}.admin-tab{color:var(--text-secondary);transition:var(--transition);background:0 0;border-radius:14px;flex:1;padding:12px 16px;font-size:14px;font-weight:600}.admin-tab:hover{color:var(--text-primary);background:#ffffff05}.admin-tab.active{color:var(--text-primary);background:var(--glass-hover);border:1px solid #ffffff1a;box-shadow:0 4px 12px #0003}.form-group{text-align:left;margin-bottom:24px}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700;display:block}.form-input{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);transition:var(--transition);background:#00000080;outline:none;padding:14px 16px;font-size:15px}.form-input:focus{border-color:var(--accent);background:#000c;box-shadow:0 0 0 4px #7b7bff26}.form-input::placeholder{color:var(--text-muted)}textarea.form-input{resize:vertical;min-height:100px}input[type=file].form-input{cursor:pointer;background:#ffffff05;padding:10px}.btn{border-radius:var(--radius);transition:var(--transition);cursor:pointer;letter-spacing:.02em;border:none;align-items:center;gap:10px;padding:12px 24px;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--text-primary);color:#000}.btn-primary:hover{background:var(--accent);color:#fff;box-shadow:0 8px 24px var(--accent-glow);transform:translateY(-2px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.btn-danger{color:var(--error);background:#f871711a;border:1px solid #f8717133}.btn-danger:hover{color:#fff;background:#f8717133}.btn-sm{padding:8px 16px;font-size:13px}.btn-block{justify-content:center;width:100%}.admin-table-container{border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffff05;overflow:hidden}.admin-item{border-bottom:1px solid var(--border);transition:var(--transition);align-items:center;gap:16px;padding:20px 24px;display:flex}.admin-item:last-child{border-bottom:none}.admin-item:hover{background:#ffffff0a}.admin-item-icon{background:#ffffff0d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.admin-item-info{flex:1;min-width:0}.admin-item-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;overflow:hidden}.admin-item-url{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.admin-item-actions{flex-shrink:0;gap:12px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;background:#000c;justify-content:center;align-items:center;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid #ffffff1a;width:100%;max-width:540px;max-height:90vh;padding:40px;animation:.4s cubic-bezier(.16,1,.3,1) scaleUp;overflow-y:auto;box-shadow:0 24px 64px #000c}@media (max-width:640px){.admin-header{flex-direction:column;align-items:flex-start;gap:16px}.admin-tabs{flex-direction:column;gap:0}.admin-item{flex-direction:column;align-items:flex-start;gap:8px}.admin-item-icon{display:none}.admin-item-actions{border-top:1px solid #ffffff0d;justify-content:flex-end;width:100%;margin-top:12px;padding-top:12px}.admin-login-card{padding:32px 20px}.modal{padding:24px}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-title{margin-bottom:32px;font-size:24px;font-weight:800}.modal-actions{justify-content:flex-end;gap:12px;margin-top:32px;display:flex}.error-msg{color:var(--error);margin-top:16px;font-size:14px;font-weight:500}.loading{justify-content:center;align-items:center;padding:80px;display:flex}.loading-spinner{border:3px solid #ffffff1a;border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{border-radius:var(--radius);background:var(--bg-tertiary);color:var(--text-primary);box-shadow:var(--shadow);border:1px solid var(--border);z-index:3000;align-items:center;gap:12px;padding:16px 24px;font-size:14px;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideIn;display:flex;position:fixed;bottom:32px;right:32px}.toast-success{border-left:4px solid var(--success)}.toast-error{border-left:4px solid var(--error)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}