*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary:#4a90e2;--primary-dark:#2e5f8e;--primary-light:#7bb3f0;--secondary:#5dade2;--accent:#3498db;--background:#f8fafb;--surface:#fff;--surface-elevated:#fff;--text-primary:#2c3e50;--text-secondary:#5a6c7d;--text-tertiary:#95a5a6;--border:#e1e8ed;--border-light:#ecf0f1;--background-primary:var(--background);--background-secondary:var(--surface-elevated);--card-background:var(--surface);--border-color:var(--border);--hover-background:var(--border-light);--success:#27ae60;--warning:#f39c12;--error:#e74c3c;--info:#3498db;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-display:"Inter",var(--font-sans);--max-width:1280px;--header-height:60px}@media (prefers-color-scheme:dark){:root{--background:#0f172a;--surface:#1e293b;--surface-elevated:#334155;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--border:#334155;--border-light:#475569;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #00000080;--shadow-lg:0 10px 15px -3px #0009;--shadow-xl:0 20px 25px -5px #000000b3}}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafb;background-color:var(--background);color:#2c3e50;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-sans);font-size:16px;line-height:1.6;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{color:#2c3e50;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-display);font-weight:700;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:1rem;margin-bottom:var(--spacing-md)}a{color:#4a90e2;color:var(--primary);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#2e5f8e;color:var(--primary-dark)}img{display:block;height:auto;max-width:100%}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}.container{max-width:1280px;padding:0 1.5rem}.visually-hidden{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.spinner{border:3px solid #e1e8ed;border-top-color:#4a90e2}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f8fafb;background:var(--background)}::-webkit-scrollbar-thumb{background:#e1e8ed;background:var(--border);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#95a5a6;background:var(--text-tertiary)}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}h4{font-size:1.125rem}}.fade-in{animation:fadeIn .5s ease-out}.logo-container{align-items:center;color:var(--primary);cursor:pointer;display:flex;gap:var(--spacing-sm);transition:transform var(--transition-base)}.logo-svg{filter:drop-shadow(0 2px 4px rgb(0 0 0/.12));transition:filter var(--transition-base)}.logo-container:hover .logo-svg{filter:drop-shadow(0 4px 8px rgb(0 0 0/.16))}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--accent));background-clip:text;-webkit-background-clip:text;font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:.05em}.logo-small .logo-svg{height:30px;width:30px}.logo-small .logo-text{font-size:1rem}.logo-medium .logo-svg{height:40px;width:40px}.logo-medium .logo-text{font-size:1.5rem}.logo-large .logo-svg{height:60px;width:60px}.logo-large .logo-text{font-size:2rem}@media (max-width:768px){.logo-medium .logo-svg{height:35px;width:35px}.logo-medium .logo-text{font-size:1.25rem}}.notifications-container{position:relative}.notifications-button{align-items:center;background:var(--surface-elevated);border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .2s;width:40px}.notifications-button:hover{background:var(--surface-hover);transform:scale(1.05)}.notifications-button svg{font-size:20px}.notification-badge{animation:pulse 2s infinite;background:#ef4444;border-radius:10px;box-shadow:0 2px 4px #0003;font-size:11px;height:18px;min-width:18px;padding:0 4px;right:-4px;top:-4px}.notifications-dropdown{background:var(--surface);border-radius:12px;box-shadow:0 8px 24px #0003;display:flex;flex-direction:column;max-height:600px;overflow:hidden;position:absolute;right:0;top:calc(100% + 12px);width:400px;z-index:1000}.notifications-header{align-items:center;background:var(--surface-elevated);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px}.notifications-header h3{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.mark-all-read-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s}.mark-all-read-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.notifications-list{flex:1 1;max-height:500px;overflow-y:auto}.no-notifications,.notifications-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.no-notifications svg{color:var(--border);margin-bottom:16px}.no-notifications p{font-size:14px;margin:0}.notification-item{border-bottom:1px solid var(--border);color:var(--text-primary);display:flex;gap:12px;padding:16px 20px;position:relative;text-decoration:none;transition:all .2s}.notification-item:hover{background:var(--surface-elevated)}.notification-item.unread{background:var(--primary-light)}.notification-item.unread:before{background:var(--primary);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.notification-icon{align-items:center;background:var(--surface-elevated);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.notification-icon img{height:100%;object-fit:cover;width:100%}.notification-emoji{font-size:20px}.notification-content{flex:1 1;min-width:0}.notification-title{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.4;margin:0 0 4px}.notification-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:13px;line-height:1.4;margin:0 0 8px;overflow:hidden}.notification-time{color:var(--text-tertiary);font-size:12px}.notification-delete{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;opacity:0;transition:all .2s;width:32px}.notification-item:hover .notification-delete{opacity:1}.notification-delete:hover{background:var(--error-light);color:var(--error)}.spinner{height:32px;margin-bottom:12px;width:32px}@media (max-width:480px){.notifications-dropdown{left:8px;position:fixed;right:8px;top:60px;width:auto}.notifications-header{align-items:flex-start;flex-direction:column;gap:12px}.mark-all-read-btn{justify-content:center;width:100%}}.header{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);height:60px;left:0;position:fixed;right:0;top:0;z-index:1000}.header-container{align-items:center;display:flex;gap:var(--spacing-lg);height:100%;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--spacing-md)}.header-logo{flex-shrink:0}.header-nav{flex-wrap:nowrap;gap:var(--spacing-sm);overflow-x:auto}.header-nav,.nav-link{align-items:center;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.85rem;font-weight:500;gap:.25rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast);white-space:nowrap}.nav-link:hover{background:var(--background);color:var(--primary)}.nav-icon-inline{font-size:1rem}.nav-text-desktop{display:inline}.nav-favorites{color:#f59e0b}.nav-favorites:hover{color:#d97706}.header-actions{align-items:center;gap:var(--spacing-sm)}.action-btn{border:none;font-size:1.15rem;height:38px;justify-content:center;position:relative;width:38px}.action-btn svg{display:block}.action-btn:hover{background:var(--background)}.notification-badge{align-items:center;background:var(--error);border:2px solid var(--surface);border-radius:var(--radius-full);color:#fff;display:flex;font-size:.625rem;font-weight:700;height:16px;justify-content:center;position:absolute;right:4px;top:4px;width:16px}.create-btn{background:var(--primary);color:#fff}.create-btn:hover{background:var(--primary-dark);color:#fff}.user-menu{position:relative}.user-avatar{background:var(--background);border:2px solid var(--border);border-radius:var(--radius-full);cursor:pointer;height:40px;overflow:hidden;transition:all var(--transition-fast);width:40px}.user-avatar:hover{border-color:var(--primary);transform:scale(1.05)}.user-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:flex;font-size:1.125rem;font-weight:600;height:100%;justify-content:center;width:100%}.user-dropdown{animation:fadeIn .2s ease-out;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:220px;padding:var(--spacing-sm);position:absolute;right:0;top:calc(100% + .5rem)}.user-info{padding:var(--spacing-md)}.user-name{color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.user-email{color:var(--text-secondary);font-size:.875rem;margin:0}.dropdown-divider{background:var(--border);height:1px;margin:var(--spacing-sm) 0}.dropdown-item{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:.9375rem;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:all var(--transition-fast);width:100%}.dropdown-item:hover{background:var(--background);color:var(--primary)}.dropdown-item.logout{color:var(--error)}.dropdown-item.logout:hover{background:#ef44441a}.dropdown-item.admin-item{background:linear-gradient(135deg,#ef44441a,#dc26260d);color:#ef4444;font-weight:600}.dropdown-item.admin-item:hover{background:linear-gradient(135deg,#ef444433,#dc26261a)}.search-overlay{animation:slideDown .2s ease-out;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);left:0;padding:var(--spacing-lg);position:fixed;right:0;top:60px;z-index:1001}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-container{margin:0 auto;max-width:600px}.search-form{align-items:center;display:flex;position:relative}.search-form .search-icon{color:var(--text-tertiary);font-size:1.25rem;left:1rem;position:absolute}.search-input{background:var(--background);border:2px solid var(--border);border-radius:var(--radius-xl);color:var(--text-primary);font-size:1.125rem;padding:1rem 3rem;transition:all var(--transition-fast);width:100%}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.search-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;position:absolute;right:.5rem;transition:all var(--transition-fast);width:36px}.search-close:hover{background:var(--border);color:var(--text-primary)}.search-suggestions{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:var(--spacing-md);overflow:hidden}.search-suggestion-section+.search-suggestion-section{border-top:1px solid var(--border)}.search-suggestion-section-title{background:var(--surface);color:var(--text-tertiary);font-size:.8rem;font-weight:700;padding:var(--spacing-sm) var(--spacing-lg)}.search-suggestion{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);text-align:left;transition:background var(--transition-fast);width:100%}.search-suggestion:hover{background:var(--surface)}.search-suggestion+.search-suggestion{border-top:1px solid var(--border)}.search-suggestion-title{font-weight:600}.search-suggestion-meta{color:var(--text-tertiary);font-size:.875rem;white-space:nowrap}.mobile-menu-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:none;font-size:1.5rem;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.mobile-menu-btn:hover{background:var(--background);color:var(--primary)}.mobile-menu{animation:fadeIn .2s ease-out;background:var(--surface);bottom:0;display:none;left:0;overflow-y:auto;padding:var(--spacing-xl);position:fixed;right:0;top:var(--header-height)}.mobile-nav{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.mobile-nav-link{border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;padding:var(--spacing-md);transition:all var(--transition-fast)}.mobile-nav-link:hover{background:var(--background);color:var(--primary)}.mobile-categories h3{color:var(--text-tertiary);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:var(--spacing-md);text-transform:uppercase}.mobile-category-link{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xs);padding:var(--spacing-md);transition:all var(--transition-fast)}.mobile-category-link:hover{background:var(--background);color:var(--primary)}.category-icon{font-size:1.5rem}.mobile-auth{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl)}@media (max-width:768px){.action-btn.search-btn,.btn-ghost,.btn-primary,.header-nav{display:none}.mobile-menu-btn{display:flex}.mobile-menu{display:block}.search-overlay{padding:var(--spacing-lg)}.user-dropdown{left:50%;right:auto;transform:translateX(-50%)}}@media (prefers-color-scheme:dark){.header{background:#0f172acc}}.footer{background:var(--surface);border-top:1px solid var(--border);margin-top:var(--spacing-2xl);padding:var(--spacing-2xl) 0 var(--spacing-xl)}.footer-container{margin:0 auto;max-width:var(--max-width);padding:0 var(--spacing-lg)}.footer-content{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:2fr repeat(4,1fr);margin-bottom:var(--spacing-2xl)}.footer-section{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);text-align:center}.footer-brand{max-width:300px}.footer-description{color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin:0}.footer-social{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.social-link{align-items:center;background:var(--background);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:1.125rem;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.social-link:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.footer-title{color:var(--text-primary);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:var(--spacing-sm);text-transform:uppercase}.footer-links{flex-direction:column;gap:var(--spacing-sm);list-style:none;margin:0;padding:0}.footer-links a{color:var(--text-secondary);font-size:.9375rem;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--primary)}.footer-newsletter-text{color:var(--text-secondary);font-size:.9375rem;margin:0}.footer-newsletter{display:flex;gap:var(--spacing-xs)}.newsletter-input{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);flex:1 1;font-size:.9375rem;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.newsletter-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.newsletter-button{align-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:1.125rem;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.newsletter-button:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.newsletter-button:disabled{cursor:not-allowed;opacity:.6}.newsletter-status{animation:fadeIn .3s ease;border-radius:var(--radius-sm);font-size:.875rem;margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.newsletter-status-success{background:#10b9811a;border:1px solid #10b9814d;color:#10b981}.newsletter-status-error{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.newsletter-status-loading{background:#6366f11a;border:1px solid #6366f14d;color:var(--primary)}.footer-bottom{align-items:center;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;padding-top:var(--spacing-xl)}.footer-copyright{color:var(--text-tertiary);font-size:.875rem;margin:0}.footer-bottom-links{align-items:center;display:flex;font-size:.875rem;gap:var(--spacing-md)}.footer-bottom-links a{color:var(--text-tertiary);transition:color var(--transition-fast)}.footer-bottom-links a:hover{color:var(--primary)}.separator{color:var(--text-tertiary)}@media (max-width:1024px){.footer-content{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1;max-width:100%}}@media (max-width:640px){.footer{padding:var(--spacing-xl) 0}.footer-content{gap:var(--spacing-xl);grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}.footer-bottom-links{justify-content:center}}.layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin-top:var(--header-height);min-height:calc(100vh - var(--header-height) - 200px);padding:var(--spacing-lg) 0}@media (max-width:768px){.main-content{padding:var(--spacing-md) 0}}.login-prompt-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.login-prompt-modal{animation:promptSlideUp .3s ease-out;background:var(--surface);border-radius:20px;box-shadow:var(--shadow-xl);max-width:400px;padding:2rem;text-align:center;width:100%}@keyframes promptSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.prompt-header{margin-bottom:1.5rem}.prompt-icon-wrapper{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.prompt-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.prompt-header p{color:var(--text-secondary);font-size:.95rem;margin:0}.prompt-benefits{background:var(--surface-elevated);border-radius:12px;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.benefit-item{align-items:center;color:var(--text-primary);display:flex;font-size:.9rem;gap:.75rem}.benefit-item span:first-child{font-size:1.25rem}.prompt-actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.prompt-btn{align-items:center;border-radius:12px;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;text-decoration:none;transition:all .2s}.prompt-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.prompt-btn.primary:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.prompt-btn.secondary{background:var(--surface-elevated);border:1px solid var(--border);color:var(--text-primary)}.prompt-btn.secondary:hover{background:var(--border)}.prompt-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:.875rem;padding:.5rem;transition:color .2s}.prompt-close:hover{color:var(--text-primary)}.login-prompt-inline{align-items:center;background:var(--surface-elevated);border:1px dashed var(--border);border-radius:16px;display:flex;flex-direction:column;gap:1rem;padding:2rem;text-align:center}.login-prompt-inline .prompt-icon{color:var(--text-tertiary);font-size:2rem}.login-prompt-inline p{color:var(--text-secondary);margin:0}.login-prompt-inline .prompt-actions{flex-direction:row;flex-wrap:wrap;justify-content:center}.login-prompt-inline .prompt-btn{font-size:.875rem;padding:.625rem 1rem}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all var(--transition-base)}.post-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.post-card-image,.post-card-image-wrapper{position:relative}.post-card-image{background:var(--background);cursor:pointer;overflow:hidden;padding-top:60%;width:100%}.post-card-image img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform var(--transition-slow);width:100%}.post-card-image:hover img{transform:scale(1.05)}.image-overlay{align-items:flex-end;background:linear-gradient(0deg,#000c 0,#0000);display:flex;height:100%;justify-content:center;left:0;opacity:0;padding:var(--spacing-lg);position:absolute;top:0;transition:opacity var(--transition-base);width:100%}.post-card-image:hover .image-overlay{opacity:1}.view-full{background:#4a90e2e6;box-shadow:var(--shadow-md);font-size:1rem;padding:var(--spacing-sm) var(--spacing-lg)}.post-card-category,.view-full{border-radius:var(--radius-full);color:#fff;font-weight:600}.post-card-category{align-items:center;background:var(--primary);box-shadow:var(--shadow-sm);display:flex;font-size:.8125rem;gap:var(--spacing-xs);left:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);position:absolute;top:var(--spacing-md)}.post-card-content{display:flex;flex:1 1;flex-direction:column;padding:var(--spacing-lg)}.post-card-link{display:block;margin-bottom:var(--spacing-md);text-decoration:none}.post-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:1.125rem;font-weight:600;line-height:1.4;margin:0;overflow:hidden;transition:color var(--transition-fast)}.post-card-link:hover .post-card-title{color:var(--primary)}.post-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;flex:1 1;font-size:.875rem;line-height:1.5;margin-bottom:var(--spacing-md);overflow:hidden}.post-card-footer{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between;margin-top:auto}.post-card-author{align-items:center;display:flex;flex:1 1;gap:var(--spacing-sm);min-width:0}.author-avatar{border:2px solid var(--border);flex-shrink:0;height:40px;width:40px}.author-info{gap:.25rem;min-width:0}.author-name{overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-fast);white-space:nowrap}.author-name:hover{color:var(--primary)}.post-card-meta{align-items:center;color:var(--text-tertiary);display:flex;font-size:.8125rem;gap:var(--spacing-xs)}.meta-item{gap:.25rem}.meta-separator{color:var(--border)}.post-actions{align-items:center;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.action-button{border:1px solid var(--border);flex:0 0 auto;font-size:.875rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none}.action-button:hover{background:var(--surface-hover);border-color:var(--primary);transform:translateY(-2px)}.action-button.active{background:#4a90e21a;border-color:var(--primary);color:var(--primary)}.action-button svg{display:inline-block;flex-shrink:0;font-size:1.125rem}.action-button span{font-size:.875rem}.meta-item svg{display:inline-block;flex-shrink:0}.post-card-featured{grid-column:1/-1}.post-card-featured .post-card-image{padding-top:40%}.post-card-featured .post-card-title{-webkit-line-clamp:3;font-size:2rem}.post-card-featured .post-card-description{-webkit-line-clamp:4;font-size:1.125rem}.post-card-horizontal{flex-direction:row}.post-card-horizontal .post-card-image{height:auto;min-height:160px;padding-top:0;width:200px}.post-card-horizontal .post-card-image img{position:static}@media (max-width:768px){.post-card-featured .post-card-title{font-size:1.5rem}.post-card-featured .post-card-description{font-size:1rem}.post-card-horizontal{flex-direction:column}.post-card-horizontal .post-card-image{min-height:0;padding-top:60%;width:100%}.post-card-horizontal .post-card-image img{position:absolute}}.post-list-view{grid-gap:var(--spacing-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:grid;gap:var(--spacing-md);grid-template-columns:180px 1fr;padding:var(--spacing-md);transition:all var(--transition-fast)}.post-list-view:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.post-list-image{border-radius:var(--radius-md);flex-shrink:0;height:120px;overflow:hidden;width:180px}.post-list-image img{height:100%;object-fit:cover;width:100%}.post-list-content{display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:0}.post-list-header{align-items:center;display:flex;gap:var(--spacing-sm)}.post-list-category{align-items:center;display:inline-flex;font-size:.8125rem;font-weight:600;gap:var(--spacing-xs)}.post-list-title-link{text-decoration:none}.post-list-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:1.125rem;font-weight:600;line-height:1.4;margin:0;overflow:hidden;transition:color var(--transition-fast)}.post-list-title-link:hover .post-list-title{color:var(--primary)}.post-list-reactions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.post-list-reaction-btn{align-items:center;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:inline-flex;gap:6px;padding:6px 10px;transition:all var(--transition-fast)}.post-list-reaction-btn:hover{border-color:var(--primary)}.post-list-reaction-btn.active{border-color:var(--primary);color:var(--text-primary)}.post-list-reaction-emoji{line-height:1}.post-list-reaction-count{font-size:.8125rem;font-weight:600}.post-list-meta{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between;margin-top:auto}.post-list-author{align-items:center;display:flex;gap:var(--spacing-xs)}.post-list-author img{border-radius:var(--radius-full);height:24px;object-fit:cover;width:24px}.post-list-author span{color:var(--text-secondary);font-size:.875rem;font-weight:500}.post-list-stats{align-items:center;color:var(--text-tertiary);display:flex;font-size:.8125rem;gap:var(--spacing-md)}.post-list-stats span{align-items:center;display:flex;gap:var(--spacing-xs)}@media (max-width:768px){.post-list-view{gap:var(--spacing-sm);grid-template-columns:120px 1fr}.post-list-image{height:80px;width:120px}.post-list-title{font-size:1rem}.post-list-reaction-btn{padding:5px 8px}}.post-gallery-view{overflow:hidden;position:relative}.gallery-image-link{display:block;position:relative}.gallery-image{background:var(--background);border-radius:var(--radius-lg);overflow:hidden;padding-top:100%;position:relative;width:100%}.gallery-image img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform var(--transition-slow);width:100%}.gallery-image:hover img{transform:scale(1.05)}.gallery-overlay{background:linear-gradient(180deg,#0006 0,#0000 40%,#0000 60%,#0009);bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;opacity:0;padding:var(--spacing-md);position:absolute;right:0;top:0;transition:opacity var(--transition-fast)}.gallery-image:hover .gallery-overlay{opacity:1}.gallery-category{align-items:center;align-self:flex-start;border-radius:var(--radius-full);color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.gallery-info{padding:var(--spacing-sm) 0}.gallery-info a{text-decoration:none}.gallery-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:.9375rem;font-weight:600;line-height:1.4;margin:0;overflow:hidden;transition:color var(--transition-fast)}.gallery-info a:hover .gallery-title{color:var(--primary)}.gallery-meta{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between;margin-top:6px}.gallery-author{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis}.gallery-author,.gallery-stats{font-size:.8125rem;white-space:nowrap}.gallery-stats{align-items:center;color:var(--text-tertiary);display:flex;gap:var(--spacing-sm)}.gallery-reactions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.gallery-reaction-btn{align-items:center;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.8125rem;gap:6px;line-height:1;padding:6px 8px;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.gallery-reaction-btn:hover{background:var(--surface);color:var(--text-primary)}.gallery-reaction-btn.active{border-color:var(--primary);color:var(--primary)}@media (max-width:768px){.gallery-title{font-size:.875rem}}.video-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-normal)}.video-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.video-player-container{aspect-ratio:16/9;background:#000;overflow:hidden;position:relative;width:100%}.video-player{height:100%;object-fit:cover}.video-overlay{align-items:center;background:#0003;bottom:0;display:flex;justify-content:center;left:0;opacity:1;position:absolute;right:0;top:0;transition:opacity var(--transition-fast)}.video-player-container:hover .video-overlay{opacity:1}.play-button{background:#fffffff2;border:none;border-radius:var(--radius-full);color:var(--primary);cursor:pointer;font-size:1.5rem;height:64px;transition:all var(--transition-fast);width:64px}.play-button:hover{background:#fff;transform:scale(1.1)}.mute-button{align-items:center;background:#000000b3;border:none;border-radius:var(--radius-md);bottom:var(--spacing-md);color:#fff;cursor:pointer;display:flex;font-size:1.125rem;height:36px;justify-content:center;position:absolute;right:var(--spacing-md);transition:all var(--transition-fast);width:36px}.mute-button:hover{background:#000000e6}.video-duration{background:#000c;border-radius:var(--radius-sm);bottom:var(--spacing-md);color:#fff;font-size:.875rem;font-weight:600;padding:4px 8px}.video-category,.video-duration{left:var(--spacing-md);position:absolute}.video-category{align-items:center;border-radius:var(--radius-full);display:flex;font-size:.8125rem;gap:4px;padding:6px 12px;top:var(--spacing-md)}.video-content{padding:var(--spacing-lg)}.video-title{color:var(--text-primary);display:block;font-size:1.25rem;line-height:1.4;margin-bottom:var(--spacing-sm);transition:color var(--transition-fast)}.video-title:hover{color:var(--primary)}.video-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.9375rem;line-height:1.6;margin-bottom:var(--spacing-md);overflow:hidden}.video-meta{align-items:center;border-top:1px solid var(--border);gap:var(--spacing-md);justify-content:space-between;padding-top:var(--spacing-md)}.author-info{align-items:center;gap:var(--spacing-sm);transition:opacity var(--transition-fast)}.author-info:hover{opacity:.8}.author-avatar{border-radius:var(--radius-full);height:36px;width:36px}.author-info>div{display:flex;flex-direction:column}.post-date{color:var(--text-tertiary);font-size:.8125rem}.video-actions{align-items:center;gap:var(--spacing-sm)}.action-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9375rem;gap:4px;padding:6px 10px;transition:all var(--transition-fast)}.action-button:hover{background:var(--background);color:var(--primary)}.action-button.active{color:var(--error)}.action-button span{font-weight:500}@media (max-width:768px){.video-content{padding:var(--spacing-md)}.video-title{font-size:1.125rem}.video-meta{align-items:flex-start;flex-direction:column}.video-actions{justify-content:space-between;width:100%}}.video-reel-card{aspect-ratio:9/16;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:280px;overflow:hidden;position:relative;transition:all var(--transition-normal);width:100%}.video-reel-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.reel-container{background:#000;cursor:pointer;height:100%;position:relative;width:100%}.reel-play-overlay{background:#0003;bottom:0;left:0;position:absolute;right:0;top:0}.reel-play-button,.reel-play-overlay{align-items:center;display:flex;justify-content:center}.reel-play-button{background:#fffffff2;border:none;border-radius:var(--radius-full);color:var(--primary);cursor:pointer;font-size:1.5rem;height:56px;transition:all var(--transition-fast);width:56px}.reel-play-button:hover{background:#fff;transform:scale(1.1)}.reel-mute-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;position:absolute;right:var(--spacing-lg);top:var(--spacing-lg);transition:all var(--transition-fast);width:40px}.reel-mute-button:hover{background:#000c}.reel-category{align-items:center;border-radius:var(--radius-full);box-shadow:var(--shadow-md);display:flex;font-size:1.25rem;height:40px;justify-content:center;left:var(--spacing-lg);position:absolute;top:var(--spacing-lg);width:40px}.reel-info{background:linear-gradient(0deg,#000000e6 0,#0006 70%,#0000);bottom:0;display:flex;flex-direction:column;gap:var(--spacing-xs);left:0;padding:var(--spacing-md);right:0}.reel-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-sm)}.reel-author{gap:var(--spacing-sm);transition:opacity var(--transition-fast)}.reel-author:hover{opacity:.8}.reel-author-avatar{border:2px solid #fff;border-radius:var(--radius-full);height:32px;object-fit:cover;width:32px}.reel-author-name{color:#fff;font-size:.9375rem;font-weight:600}.reel-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.875rem;margin-bottom:var(--spacing-xs);overflow:hidden;transition:opacity var(--transition-fast)}.reel-title:hover{opacity:.8}.reel-actions{align-items:center;flex-direction:row;gap:var(--spacing-xs)}.reel-action-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:4px;padding:6px 8px;transition:all var(--transition-fast)}.reel-action-button:hover{background:#0009;transform:scale(1.1)}.reel-action-button.active{background:#ef444433;color:var(--error)}.reel-action-button span{font-size:.8125rem;font-weight:600}.reels-feed{display:flex;flex-direction:column;gap:var(--spacing-lg);height:calc(100vh - 120px);overflow-y:auto;scroll-snap-type:y mandatory}.reels-feed::-webkit-scrollbar{display:none}@media (max-width:768px){.video-reel-card{max-width:200px}.reel-info{padding:var(--spacing-sm)}.reel-category,.reel-mute-button{font-size:1rem;height:32px;width:32px}.reel-actions{gap:4px}.reel-action-button{font-size:.75rem;padding:4px 6px}.reel-title{font-size:.8125rem}}.meme-card{aspect-ratio:1/1;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;position:relative;transition:all var(--transition-normal);width:100%}.meme-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.meme-image-container{display:block;height:100%;width:100%}.meme-image{height:100%;object-fit:cover}.meme-overlay{background:linear-gradient(180deg,#0000 0,#0000 50%,#000000b3);bottom:0;display:flex;flex-direction:column;justify-content:flex-end;left:0;opacity:1;padding:var(--spacing-md);position:absolute;right:0;top:0;transition:opacity var(--transition-fast)}@media (hover:none){.meme-overlay{opacity:1}}.meme-card:focus-within .meme-overlay{opacity:1}.meme-actions{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.meme-action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:4px;padding:6px 10px;transition:all var(--transition-fast)}.meme-reaction-btn{padding:6px 8px}.meme-reaction-emoji{line-height:1}.meme-action-btn:hover{background:#ffffff40;transform:scale(1.05)}.meme-action-btn.active{background:#ef444433;color:var(--error)}.meme-author{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:var(--radius-full);gap:var(--spacing-xs);padding:8px 12px;transition:all var(--transition-fast);width:-webkit-fit-content;width:fit-content}.meme-author:hover{background:#ffffff40}.meme-author-avatar{border:2px solid #fff;border-radius:var(--radius-full);height:24px;object-fit:cover;width:24px}.meme-author-name{color:#fff;font-size:.8125rem;font-weight:600}.posts-feed-memes{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width:768px){.posts-feed-memes{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.meme-overlay{padding:var(--spacing-sm)}.meme-actions{gap:4px}.meme-action-btn{font-size:.75rem;padding:4px 8px}.meme-author-name{font-size:.75rem}}.filter-bar{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);left:0;position:fixed;right:0;top:60px;z-index:999}.filter-bar-container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-md)}.filter-buttons{-ms-overflow-style:none;display:flex;gap:var(--spacing-xs);overflow-x:auto;padding:var(--spacing-sm) 0;scrollbar-width:none}.filter-buttons::-webkit-scrollbar{display:none}.filter-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);display:flex;flex-shrink:0;font-size:.9375rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast);white-space:nowrap}.filter-btn:hover{background:var(--background);color:var(--text-primary)}.filter-btn.active{background:var(--primary)}.filter-btn svg{font-size:1.125rem}@media (max-width:768px){.filter-bar{top:60px}.filter-btn{font-size:.875rem;padding:var(--spacing-xs) var(--spacing-md)}.filter-btn svg{font-size:1rem}}.view-toggle{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);gap:var(--spacing-xs);padding:var(--spacing-xs)}.view-btn{border-radius:var(--radius-md);font-size:1.125rem;height:36px;transition:all var(--transition-fast);width:36px}.home-page,.view-btn:hover{background:var(--background)}.home-page{min-height:100vh;padding-top:80px}.feed-container{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 340px;margin:0 auto;max-width:1200px;padding:var(--spacing-lg)}.main-feed{display:flex;flex-direction:column;gap:var(--spacing-lg)}.feed-controls{display:flex;justify-content:flex-end}.featured-post{margin-bottom:var(--spacing-md)}.posts-feed{display:flex;flex-direction:column;gap:var(--spacing-lg)}.posts-feed-list{gap:var(--spacing-md)}.posts-feed-gallery{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.infinite-scroll-trigger,.load-more{display:flex;justify-content:center;padding:var(--spacing-xl) 0}.infinite-scroll-trigger{align-items:center;min-height:80px}.loading-more{align-items:center;color:var(--text-secondary);display:flex;gap:var(--spacing-sm)}.spinner-small{border:2px solid var(--border);border-top-color:var(--primary);height:24px;width:24px}.no-more-posts{color:var(--text-muted);font-size:.875rem}.home-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg);height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:120px}.sidebar-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.sidebar-title{align-items:center;display:flex;font-size:1.125rem;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.categories-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.category-item{background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:all var(--transition-fast)}.category-item.active,.category-item:hover{background:var(--background);color:var(--primary)}.trending-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.trending-item{border-bottom:1px solid var(--border-light);display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) 0;transition:opacity var(--transition-fast)}.trending-item:last-child{border-bottom:none}.trending-item:hover{opacity:.7}.trending-number{color:var(--primary);font-size:1.25rem;font-weight:700;min-width:30px}.trending-content{flex:1 1}.trending-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:.875rem;font-weight:600;line-height:1.4;margin-bottom:var(--spacing-xs);overflow:hidden}.trending-meta{color:var(--text-tertiary);font-size:.75rem}.btn-outline{background:#0000;border:1.5px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.posts-feed-videos{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width:1024px){.feed-container{grid-template-columns:1fr}.home-sidebar{display:none;position:static}.posts-feed-gallery{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:768px){.feed-container{padding:var(--spacing-md)}.feed-container,.main-feed,.posts-feed,.posts-feed-gallery{gap:var(--spacing-md)}.posts-feed-gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.google-signin-button-container{align-items:center;display:flex;justify-content:center;margin:1rem 0;min-height:50px;width:100%}.google-signin-button-container>div{max-width:400px;width:100%!important}.google-signin-button-container iframe{margin:0 auto!important}.google-signin-button{align-items:center;background:var(--surface);border:1.5px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:1rem;justify-content:center;margin:1rem 0;padding:.9rem 1.5rem;transition:all .3s ease;width:100%}.google-signin-button:hover{background:var(--surface-elevated);border-color:var(--primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.google-signin-button:active{transform:translateY(0)}.google-signin-button .google-icon{flex-shrink:0;font-size:1.5rem}.google-signin-button span{flex:1 1;text-align:center}.google-signin-button:disabled{cursor:not-allowed;opacity:.5}.google-signin-button:disabled:hover{box-shadow:none;transform:none}.auth-divider{align-items:center;color:var(--text-tertiary);display:flex;font-size:.9rem;margin:1.5rem 0}.auth-divider:after,.auth-divider:before{background:var(--border);content:"";flex:1 1;height:1px}.auth-divider span{font-weight:500;letter-spacing:.5px;padding:0 1rem;text-transform:uppercase}.avatar-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:var(--spacing-lg);position:fixed;z-index:1000}.avatar-modal-static{animation:slideUp .3s ease-out;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;max-height:85vh;overflow:hidden;width:min(1100px,100%)}.avatar-modal-header{align-items:center;background:var(--background);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.avatar-modal-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.avatar-modal-close{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:inline-flex;height:40px;justify-content:center;transition:all .2s;width:40px}.avatar-modal-close:hover{background:var(--border);transform:scale(1.05)}.avatar-modal-body-static{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:350px 1fr;max-height:calc(85vh - 80px);overflow:hidden;padding:var(--spacing-xl)}.avatar-modal-left{display:flex;flex-direction:column;gap:var(--spacing-md)}.avatar-preview-large{align-items:center;aspect-ratio:1/1;border:2px solid var(--border);border-radius:var(--radius-xl);display:flex;justify-content:center;overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all .3s;width:100%}.avatar-preview-large img{border-radius:var(--radius-lg);height:100%;object-fit:cover;width:100%}.avatar-apply-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md);transition:all .3s;width:100%}.avatar-apply-btn:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.avatar-apply-btn svg{font-size:1.2rem}.avatar-modal-right{display:flex;flex-direction:column;gap:var(--spacing-md);max-height:calc(85vh - 100px);min-width:0;overflow-x:hidden;overflow-y:auto}.avatar-tabs-static{border-bottom:2px solid var(--border);display:flex;gap:var(--spacing-sm);padding-bottom:var(--spacing-md)}.avatar-tab-static{background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;flex:1 1;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s}.avatar-tab-static:hover{background:var(--background);color:var(--text-primary)}.avatar-tab-static.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.avatar-pick-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md);overflow-x:hidden;overflow-y:auto;padding-right:4px}.avatar-categories{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.category-btn{border-radius:var(--radius-full);font-size:.875rem;padding:var(--spacing-xs) var(--spacing-md)}.category-btn:hover{border-color:#667eea;color:#667eea}.category-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000}.avatar-grid-static{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(110px,1fr));max-height:420px;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-sm);padding-right:var(--spacing-md)}.avatar-grid-item-static{aspect-ratio:1/1;background:var(--background);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;padding:var(--spacing-xs);position:relative;transition:all .3s}.avatar-grid-item-static:hover{border-color:#667eea;box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.avatar-grid-item-static.selected{border-color:#667eea;border-width:3px;box-shadow:0 0 0 4px #667eea33}.avatar-grid-item-static img{border-radius:var(--radius-md);height:100%;object-fit:cover;width:100%}.avatar-selected-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;display:flex;height:28px;justify-content:center;position:absolute;right:var(--spacing-xs);top:var(--spacing-xs);width:28px}.avatar-customize-content{display:flex;flex-direction:column;gap:var(--spacing-lg);max-height:480px;overflow-y:auto;padding:var(--spacing-sm)}.customize-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.customize-label{color:var(--text-primary);font-size:.9rem;font-weight:600}.color-swatches{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.color-swatch{border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;height:44px;position:relative;transition:all .2s;width:44px}.color-swatch:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.color-swatch.selected{border-color:#667eea;border-width:3px;box-shadow:0 0 0 4px #667eea33}.color-swatch.selected:after{align-items:center;color:#fff;content:"✓";display:flex;font-size:1.2rem;font-weight:700;inset:0;justify-content:center;position:absolute;text-shadow:0 1px 3px #0000004d}.border-controls{display:flex;flex-direction:column;gap:var(--spacing-sm)}.border-width-select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:var(--spacing-sm) var(--spacing-md)}.filter-options{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.filter-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:var(--spacing-sm);transition:all .2s}.filter-btn:hover{border-color:#667eea;color:#667eea}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.reset-customization-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s}.reset-customization-btn:hover{background:var(--background);border-color:var(--text-secondary);color:var(--text-primary)}@media (max-width:768px){.avatar-modal-body-static{grid-template-columns:1fr;max-height:calc(85vh - 60px)}.avatar-modal-left{margin:0 auto;max-width:300px}.avatar-grid-static{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));max-height:350px}.avatar-customize-content{max-height:400px}}.avatar-customize-content::-webkit-scrollbar,.avatar-grid-static::-webkit-scrollbar{width:8px}.avatar-customize-content::-webkit-scrollbar-track,.avatar-grid-static::-webkit-scrollbar-track{background:var(--background);border-radius:var(--radius-md)}.avatar-customize-content::-webkit-scrollbar-thumb,.avatar-grid-static::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-md)}.avatar-customize-content::-webkit-scrollbar-thumb:hover,.avatar-grid-static::-webkit-scrollbar-thumb:hover{background:#667eea}.avatar-upload-content{gap:24px;height:100%;justify-content:center;padding:40px 20px;text-align:center}.avatar-upload-content,.upload-instructions{align-items:center;display:flex;flex-direction:column}.upload-instructions{color:#555;gap:16px}.upload-instructions svg{color:#3498db}.upload-instructions h3{color:#2c3e50;font-size:20px;font-weight:600;margin:0}.upload-instructions p{color:#666;font-size:14px;margin:0}.upload-instructions ul{color:#666;font-size:13px;list-style:none;margin:0;padding:0;text-align:left}.upload-instructions ul li{align-items:center;display:flex;gap:8px;padding:4px 0}.upload-instructions ul li:before{color:#27ae60;content:"✓";font-weight:700}.upload-photo-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:14px 32px;transition:all .3s ease}.upload-photo-btn:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.upload-photo-btn:active{transform:translateY(0)}.uploaded-preview{align-items:center;background-color:#d4edda;border:2px solid #28a745;border-radius:12px;display:flex;flex-direction:column;gap:12px;max-width:400px;padding:16px;width:100%}.uploaded-preview p{color:#155724;font-weight:600;margin:0}.change-photo-btn{background-color:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.change-photo-btn:hover{background-color:#667eea;color:#fff}.avatar-grid-static::-webkit-scrollbar,.avatar-modal-right::-webkit-scrollbar,.avatar-pick-content::-webkit-scrollbar,.avatar-upload-content::-webkit-scrollbar{width:8px}.avatar-grid-static::-webkit-scrollbar-track,.avatar-modal-right::-webkit-scrollbar-track,.avatar-pick-content::-webkit-scrollbar-track,.avatar-upload-content::-webkit-scrollbar-track{background:var(--background);border-radius:4px}.avatar-grid-static::-webkit-scrollbar-thumb,.avatar-modal-right::-webkit-scrollbar-thumb,.avatar-pick-content::-webkit-scrollbar-thumb,.avatar-upload-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px;-webkit-transition:background .2s;transition:background .2s}.avatar-grid-static::-webkit-scrollbar-thumb:hover,.avatar-modal-right::-webkit-scrollbar-thumb:hover,.avatar-pick-content::-webkit-scrollbar-thumb:hover,.avatar-upload-content::-webkit-scrollbar-thumb:hover{background:#667eea}.auth-page{align-items:center;background:var(--background);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-xl)}.auth-container{background:var(--surface);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;display:grid;grid-template-columns:1fr 1fr;max-width:1100px;overflow:hidden;width:100%}.auth-card{display:flex;flex-direction:column;padding:var(--spacing-2xl)}.auth-header{margin-bottom:var(--spacing-xl);text-align:center}.auth-header .logo-container{justify-content:center;margin-bottom:var(--spacing-lg)}.auth-title{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-sm)}.auth-subtitle{color:var(--text-secondary);font-size:.9375rem;margin:0}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{gap:var(--spacing-xs)}.form-label{color:var(--text-primary);font-size:.875rem;font-weight:600}.input-icon-wrapper{height:24px;left:.875rem;width:24px}.input-icon{color:var(--text-tertiary);font-size:1.125rem}.form-input{background:var(--background);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9375rem;padding:.875rem 1rem .875rem 3.25rem;transition:all var(--transition-fast);width:100%}.auth-form .input-wrapper .form-input{padding-left:3.25rem}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.input-toggle{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:1.125rem;padding:.25rem;position:absolute;right:1rem;transition:color var(--transition-fast)}.input-toggle:hover{color:var(--text-primary)}.form-footer{flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-top:-var(--spacing-sm)}.checkbox-label,.form-footer{align-items:center;display:flex}.checkbox-label{color:var(--text-secondary);cursor:pointer;font-size:.875rem;gap:var(--spacing-xs)}.checkbox-label input[type=checkbox]{cursor:pointer;height:16px;width:16px}.link{color:var(--primary);font-size:.875rem;font-weight:500;transition:color var(--transition-fast)}.link:hover{color:var(--primary-dark);text-decoration:underline}.link-primary{color:var(--primary);font-weight:600;transition:color var(--transition-fast)}.link-primary:hover{color:var(--primary-dark);text-decoration:underline}.auth-divider{margin:var(--spacing-lg) 0;position:relative;text-align:center}.auth-divider:before{background:var(--border);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background:var(--surface);color:var(--text-tertiary);display:inline-block;font-size:.875rem;padding:0 var(--spacing-md);position:relative}.social-buttons{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:1fr 1fr}.btn-social{align-items:center;background:#0000;border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:var(--spacing-sm);justify-content:center;padding:.75rem;transition:all var(--transition-fast)}.btn-social img{height:20px;width:20px}.btn-social:hover{background:var(--background);border-color:var(--primary)}.auth-footer{color:var(--text-secondary);font-size:.9375rem;margin-top:var(--spacing-lg);text-align:center}.auth-visual{align-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;justify-content:center;overflow:hidden;padding:var(--spacing-2xl);position:relative}.visual-overlay{background:url('data:image/svg+xml;charset=utf-8,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="40" fill="%23fff" fill-opacity=".05"/></svg>');inset:0;opacity:.3;position:absolute}.visual-content{color:#fff;max-width:400px;position:relative;text-align:center}.visual-content h2{color:#fff;font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:var(--spacing-md)}.visual-content p{font-size:1.125rem;line-height:1.6;opacity:.95}@media (max-width:1024px){.auth-container{grid-template-columns:1fr}.auth-visual{display:none}.auth-card{padding:var(--spacing-xl)}}@media (max-width:640px){.auth-page{padding:var(--spacing-md)}.auth-card{padding:var(--spacing-lg)}.auth-title{font-size:1.5rem}.social-buttons{grid-template-columns:1fr}.form-footer{align-items:flex-start;flex-direction:column}}.register-page{padding:2rem 1rem}.register-container{max-width:1200px}.register-card{max-height:90vh;overflow-y:auto;padding:2.5rem}.register-card::-webkit-scrollbar{width:6px}.register-card::-webkit-scrollbar-track{background:var(--background);border-radius:3px}.register-card::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.register-card::-webkit-scrollbar-thumb:hover{background:var(--primary)}.register-form{gap:1.25rem}.form-label{align-items:center;display:flex;gap:.5rem;margin-bottom:.4rem}.form-label .required{color:#ef4444;font-weight:700}.form-label .optional{color:var(--text-tertiary);font-size:.8rem;font-weight:400}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon-wrapper{align-items:center;display:flex;height:20px;justify-content:center;left:1rem;pointer-events:none;position:absolute;width:20px;z-index:1}.input-icon-wrapper .input-icon{color:var(--text-tertiary);font-size:1.125rem}.register-form .form-input{padding-left:3.25rem;padding-right:3rem}.form-input.valid{background:#10b9810d;border-color:#10b981}.form-input.valid:focus{box-shadow:0 0 0 3px #10b98126}.form-input.invalid{background:#ef44440d;border-color:#ef4444}.form-input.invalid:focus{box-shadow:0 0 0 3px #ef444426}.validation-icon{font-size:1.125rem;position:absolute;right:1rem}.validation-icon.valid{color:#10b981}.validation-icon.invalid{color:#ef4444}.input-wrapper .input-toggle~.validation-icon{right:3rem}.validation-message{align-items:center;display:flex;font-size:.8rem;gap:.35rem;margin-top:.4rem}.validation-message.error{color:#ef4444}.validation-message svg{font-size:.9rem}.phone-wrapper{display:flex;gap:.5rem}.phone-input-container{align-items:center;display:flex;flex:1 1;position:relative}.phone-input{align-items:center;color-scheme:dark;display:flex;gap:.5rem;width:100%}.phone-input .PhoneInputCountry{align-items:center;background:var(--background);border:2px solid var(--border);border-radius:var(--radius-md);display:flex;flex:0 0 auto;gap:.35rem;padding:.5rem .6rem}.phone-input.valid .PhoneInputCountry{border-color:#10b981}.phone-input.invalid .PhoneInputCountry{border-color:#ef4444}.phone-input .PhoneInputCountrySelect{background:#0000;border:none;color:var(--text-primary);color-scheme:dark;cursor:pointer;font-size:.9rem;max-width:86px}.phone-input .PhoneInputCountrySelect option{background:var(--surface);color:var(--text-primary)}.phone-input .PhoneInputCountrySelect:focus{outline:none}.phone-input .PhoneInputInput{background:var(--background);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9375rem;padding:.875rem 1rem;transition:all var(--transition-fast);width:100%}.phone-input.valid .PhoneInputInput{background:#10b9810d;border-color:#10b981}.phone-input.invalid .PhoneInputInput{background:#ef44440d;border-color:#ef4444}.phone-input .PhoneInputInput:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.avatar-group{margin-top:.5rem}.avatar-inline{align-items:center;background:var(--background);border:2px solid var(--border);border-radius:var(--radius-md);display:flex;gap:1rem;padding:.75rem}.avatar-inline-preview{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:56px;justify-content:center;overflow:hidden;width:56px}.avatar-inline-preview img{height:100%;object-fit:cover;width:100%}.avatar-inline-placeholder{color:var(--text-tertiary);font-size:1.25rem}.avatar-buttons-group{display:flex;flex:1 1;gap:.5rem}.avatar-btn{flex:1 1;font-size:.875rem;min-width:120px;padding:.65rem .9rem;white-space:nowrap}.avatar-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.avatar-tab{align-items:center;background:var(--background);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.4rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease}.avatar-tab.active,.avatar-tab:hover{border-color:var(--primary);color:var(--primary)}.avatar-tab.active{background:linear-gradient(135deg,#ec48991a,#a855f71a)}.avatar-preset-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(6,1fr)}.avatar-preset{align-items:center;aspect-ratio:1;border:3px solid #0000;border-radius:50%;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;font-size:1.75rem;justify-content:center;transition:all .3s ease}.avatar-preset:hover{transform:scale(1.1)}.avatar-preset.selected{border-color:var(--primary);box-shadow:0 0 0 3px #ec48994d,0 4px 12px #0003}.avatar-upload-section{display:flex;flex-direction:column;gap:.75rem}.upload-area{cursor:pointer;display:block}.upload-placeholder{align-items:center;background:var(--background);border:2px dashed var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.5rem;padding:2rem;transition:all .3s ease}.upload-placeholder:hover{background:#ec48990d;border-color:var(--primary)}.upload-placeholder svg{color:var(--primary);font-size:2.5rem}.upload-placeholder span{color:var(--text-primary);font-weight:500}.upload-placeholder small{color:var(--text-tertiary);font-size:.8rem}.upload-preview{height:120px;margin:0 auto;position:relative;width:120px}.upload-preview img{border:3px solid var(--primary);border-radius:50%;height:100%;object-fit:cover;width:100%}.remove-image{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:0;top:0;transition:transform .3s ease;width:28px}.remove-image:hover{transform:scale(1.1)}.upload-hint{background:var(--background);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.85rem;padding:.75rem;text-align:center}.avatar-custom-section{align-items:center;background:var(--background);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.custom-avatar-preview{text-align:center}.custom-avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto .75rem;width:80px}.custom-avatar-preview p{color:var(--text-primary);font-weight:500}.coming-soon{color:var(--primary);font-size:.9rem;text-align:center}.password-requirements{grid-gap:.4rem 1rem;background:var(--background);border-radius:var(--radius-md);display:grid;gap:.4rem 1rem;grid-template-columns:1fr 1fr;margin-top:.75rem;padding:.75rem}.requirement{align-items:center;color:var(--text-tertiary);display:flex;font-size:.8rem;gap:.4rem}.requirement svg{color:var(--text-tertiary);font-size:.875rem}.requirement.met,.requirement.met svg{color:#10b981}.captcha-group{margin-top:.5rem}.recaptcha-container{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);overflow:auto;padding:.75rem;width:100%}.recaptcha-container.invalid{border-color:#ef4444}.terms-group{margin-top:.5rem}.terms-group .checkbox-label{align-items:flex-start;display:flex;gap:.75rem}.terms-group .checkbox-label input[type=checkbox]{display:none}.checkbox-custom{align-items:center;background:var(--background);border:2px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:22px;justify-content:center;margin-top:.1rem;transition:all .3s ease;width:22px}.checkbox-label:hover .checkbox-custom{border-color:var(--primary)}.checkbox-label input:checked+.checkbox-custom{background:var(--primary);border-color:var(--primary)}.checkbox-custom svg{color:#fff;font-size:.875rem}.checkbox-text{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.checkbox-text .link{color:var(--primary);font-weight:500}.checkbox-label.error .checkbox-custom{border-color:#ef4444}.btn-register{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:1rem;padding:1rem;transition:all .3s ease}.btn-register.ready{background:linear-gradient(135deg,#10b981,#34d399)}.btn-register.ready:hover{box-shadow:0 10px 30px #10b9814d;transform:translateY(-2px)}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.register-visual .visual-features{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.visual-feature{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:50px;display:flex;gap:.75rem;padding:.75rem 1rem}.visual-feature span:first-child{font-size:1.5rem}.visual-feature span:last-child{font-weight:500}@media (max-width:1024px){.register-container{grid-template-columns:1fr}.register-visual{display:none}}@media (max-width:768px){.register-page{padding:1rem .5rem}.register-card{padding:1.5rem}.avatar-preset-grid{grid-template-columns:repeat(4,1fr)}.avatar-tabs{flex-direction:column}.password-requirements{grid-template-columns:1fr}.phone-wrapper{flex-direction:column}.country-select{width:100%}}@media (max-width:480px){.avatar-preset-grid{grid-template-columns:repeat(3,1fr)}.avatar-preset{font-size:1.5rem}}.verify-email-card{max-width:500px}.verify-content{padding:30px 0}.verify-status{padding:40px 20px;text-align:center}.status-icon{font-size:64px;margin-bottom:20px}.verify-status.verifying .status-icon{color:var(--primary)}.verify-status.success .status-icon{color:#10b981}.verify-status.error .status-icon{color:#ef4444}.verify-status h2{color:var(--text-primary);font-size:24px;margin-bottom:12px}.verify-status p{color:var(--text-secondary);line-height:1.6;margin-bottom:8px}.verify-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.verify-button{background:var(--primary);border-radius:8px;color:#fff;display:inline-block;font-weight:500;padding:12px 24px;text-decoration:none;transition:all .3s ease}.verify-button:hover{opacity:.9;transform:translateY(-2px)}.verify-button.secondary{background:var(--surface);border:1px solid var(--border);color:var(--text-primary)}@media (max-width:768px){.verify-status{padding:30px 15px}.status-icon{font-size:48px}.verify-status h2{font-size:20px}}.profile-page{background:var(--background);min-height:100vh;padding:20px}.profile-container{margin:0 auto;max-width:1000px}.profile-loading,.profile-not-found{color:var(--text-primary);padding:60px 20px;text-align:center}.spinner{border:4px solid var(--border);margin:0 auto 20px}.profile-header{align-items:center;background:var(--surface);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;gap:40px;margin-bottom:16px;overflow:hidden;padding:40px;position:relative}.profile-header:before{background:linear-gradient(135deg,var(--primary),var(--secondary));content:"";height:100px;left:0;opacity:.05;position:absolute;right:0;top:0;z-index:0}.profile-avatar-section{flex-shrink:0;position:relative;z-index:1}.profile-avatar,.profile-avatar-placeholder{border:4px solid var(--surface);border-radius:50%;box-shadow:0 8px 16px #0000001a;height:150px;object-fit:cover;transition:transform .3s ease;width:150px}.profile-avatar-placeholder:hover,.profile-avatar:hover{transform:scale(1.05)}.profile-avatar-placeholder{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-size:48px;font-weight:700}.profile-avatar-placeholder,.verification-badge{align-items:center;display:flex;justify-content:center}.verification-badge{border:3px solid var(--surface);border-radius:50%;bottom:8px;box-shadow:0 2px 8px #0000004d;cursor:help;height:36px;position:absolute;right:8px;width:36px}.verification-badge svg{color:#fff;height:22px;width:22px}.profile-verify-cta{grid-gap:10px;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);display:grid;gap:10px;margin-top:12px;padding:10px;width:150px}.profile-verify-text{grid-gap:2px;display:grid;gap:2px}.profile-verify-title{color:var(--text-primary);font-size:.9rem;font-weight:800}.profile-verify-subtitle{color:var(--text-secondary);font-size:.8rem;line-height:1.2}.profile-info-section{flex:1 1;z-index:1}.profile-title{margin-bottom:24px}.profile-title h1{color:var(--text-primary);font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.profile-username{color:var(--text-secondary);font-size:16px;font-weight:500;margin:0 0 12px}.profile-role{background:linear-gradient(135deg,var(--primary-light),var(--secondary-light));border-radius:20px;color:var(--primary);display:inline-block;font-size:13px;font-weight:700;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase}.profile-stats{display:flex;gap:48px;margin:24px 0}.stat-item{flex-direction:column;transition:transform .2s}button.stat-item{background:#0000;border:0;color:inherit;font:inherit;padding:0}.stat-item-clickable{cursor:pointer}.stat-value{font-size:24px;letter-spacing:-.5px}.stat-label{margin-top:4px}.btn-edit-profile{align-items:center;background:var(--surface-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-top:16px;padding:8px 24px;transition:all .2s}.btn-edit-profile:hover{background:var(--surface-hover);border-color:var(--primary)}.profile-list-modal-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.profile-list-modal{background:var(--surface);border:1px solid var(--border);border-radius:14px;display:flex;flex-direction:column;max-height:min(70vh,720px);overflow:hidden;width:min(640px,100%)}.profile-list-modal-header{align-items:center;background:var(--surface-elevated);border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.profile-list-modal-header h3{color:var(--text-primary);font-size:16px;font-weight:800;margin:0}.profile-list-modal-close{background:#0000;border:0;color:var(--text-secondary);cursor:pointer;font-size:26px;line-height:1;padding:0 4px}.profile-list-modal-close:hover{color:var(--text-primary)}.profile-lists-loading{align-items:center;color:var(--text-secondary);display:flex;gap:12px}.profile-lists-content{overflow:auto;padding:14px 16px}.profile-lists-empty{color:var(--text-secondary);margin:0}.profile-likes-list,.profile-users-list{display:flex;flex-direction:column;gap:10px}.profile-like-item,.profile-user-item{align-items:center;background:var(--surface-elevated);border:1px solid var(--border);border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;text-align:left;width:100%}.profile-like-item:hover,.profile-user-item:hover{background:var(--surface-hover);border-color:var(--primary)}.profile-user-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.profile-user-avatar-placeholder{align-items:center;background:var(--primary-light);border-radius:50%;color:var(--primary);display:flex;font-weight:800;height:40px;justify-content:center;width:40px}.profile-user-info{display:flex;flex-direction:column;gap:2px}.profile-user-name{align-items:center;color:var(--text-primary);display:flex;font-weight:800}.profile-user-username{color:var(--text-secondary);font-size:13px}.profile-like-thumb{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex:0 0 auto;height:40px;overflow:hidden;width:56px}.profile-like-thumb img{height:100%;object-fit:cover;width:100%}.profile-like-thumb-placeholder{align-items:center;color:var(--text-secondary);display:flex;font-weight:800;height:100%;justify-content:center;width:100%}.profile-like-info{display:flex;flex-direction:column;gap:2px;min-width:0}.profile-like-title{color:var(--text-primary);font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-like-meta{color:var(--text-secondary);font-size:13px}.profile-bio-section{background:var(--surface);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:16px;padding:20px 32px}.profile-bio{color:var(--text-primary);font-size:15px;line-height:1.5;margin:0}.profile-content-section{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);border-radius:12px 12px 0 0;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:0 20px;position:-webkit-sticky;position:sticky;top:70px;z-index:10}.profile-tabs,.tab-button{display:flex;gap:8px}.tab-button{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:600;padding:16px 20px;transition:all .2s}.tab-button.active,.tab-button:hover{color:var(--text-primary)}.tab-button.active{border-bottom-color:var(--primary)}.tab-count{background:var(--surface-elevated);border-radius:12px;color:var(--text-secondary);font-size:12px;padding:2px 8px}.tab-button.active .tab-count{background:var(--primary-light);color:var(--primary)}.view-toggle{background:var(--surface-elevated);border-radius:8px;display:flex;gap:4px;padding:4px}.view-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:all .2s}.view-btn svg{height:18px;width:18px}.view-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.view-btn.active{background:var(--primary);color:#fff}.profile-posts{background:var(--surface);border-radius:0 0 12px 12px;box-shadow:var(--shadow-sm);min-height:400px;padding:20px}.no-posts,.posts-loading{color:var(--text-secondary);padding:60px 20px;text-align:center}.no-posts p{font-size:16px;margin-bottom:20px}.posts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.posts-list-view{display:flex;flex-direction:column;gap:16px}.posts-gallery-view{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.profile-details-section{background:var(--surface);border-radius:12px;box-shadow:var(--shadow-sm);margin-top:16px;padding:20px}.profile-details-section summary{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:space-between;list-style:none;padding:8px 0}.profile-details-section summary::-webkit-details-marker{display:none}.profile-details-section summary:after{color:var(--text-secondary);content:"▼";font-size:12px;transition:transform .2s}.profile-details-section[open] summary:after{transform:rotate(180deg)}.profile-details{grid-gap:24px;border-top:1px solid var(--border);display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px;padding-top:20px}.profile-detail-item{align-items:flex-start;display:flex;gap:16px}.detail-icon{color:var(--primary);flex-shrink:0;height:20px;margin-top:2px;width:20px}.profile-detail-item label{color:var(--text-secondary);display:block;font-size:12px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.profile-detail-item p{color:var(--text-primary);font-size:15px;margin:0}.verified-tag{background:#10b981;border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:600;margin-left:8px;padding:2px 8px}@media (max-width:768px){.profile-header{align-items:center;flex-direction:column;gap:24px;text-align:center}.profile-avatar,.profile-avatar-placeholder{height:120px;width:120px}.profile-stats{justify-content:center}.profile-content-section{flex-direction:column;gap:12px;padding:12px;position:static}.profile-tabs{justify-content:flex-start;overflow-x:auto;padding-bottom:8px;width:100%}.tab-button{flex-shrink:0;padding:12px 16px}.posts-grid{grid-template-columns:1fr}.posts-gallery-view{grid-template-columns:repeat(3,1fr)}.profile-details{grid-template-columns:1fr}}@media (max-width:480px){.profile-page{padding:12px}.profile-header{padding:24px}.profile-title h1{font-size:24px}.profile-stats{gap:24px}.stat-value{font-size:18px}.posts-gallery-view{grid-template-columns:repeat(2,1fr)}}.product-modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:1.25rem;position:fixed;z-index:2000}.product-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden;position:relative;width:min(980px,100%)}.product-modal-close{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:12px;top:12px;transition:all var(--transition-fast);width:40px;z-index:1}.product-modal-close:hover{background:var(--surface-elevated);color:var(--text-primary)}.product-modal-body{display:grid;grid-template-columns:1.1fr .9fr}.product-modal-media{background:var(--background);position:relative}.product-modal-media img{display:block;height:100%;max-height:520px;object-fit:cover;width:100%}.product-modal-discount{background:var(--error);border-radius:999px;color:#fff;font-size:.875rem;font-weight:700;left:16px;padding:6px 10px;position:absolute;top:16px}.product-modal-content{display:flex;flex-direction:column;gap:12px;padding:24px}.product-modal-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.product-modal-category{background:var(--surface-elevated);border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);font-size:.875rem;padding:6px 10px}.product-modal-rating{align-items:center;color:var(--text-secondary);display:inline-flex;font-weight:600;gap:6px}.product-modal-title{color:var(--text-primary);font-size:1.5rem;line-height:1.2;margin:0}.product-modal-description{color:var(--text-secondary);line-height:1.6;margin:0}.product-modal-price{align-items:baseline;display:flex;gap:10px;margin-top:4px}.product-modal-price-original{color:var(--text-tertiary);text-decoration:line-through}.product-modal-price-current{color:var(--text-primary);font-size:1.75rem;font-weight:800}.product-modal-cta{align-items:center;background:var(--primary);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:.5rem;justify-content:center;margin-top:8px;padding:.85rem 1rem;transition:all var(--transition-fast)}.product-modal-cta:hover{background:var(--primary-dark)}@media (max-width:900px){.product-modal-body{grid-template-columns:1fr}.product-modal-media img{max-height:360px}}.edit-profile-container{background:var(--background-color);min-height:100vh;padding-bottom:2rem}.edit-profile-header{background:var(--card-background);border-bottom:1px solid var(--border-color);padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.edit-profile-header h1{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0}.btn-close{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.6rem 1.2rem;transition:all .2s}.btn-close:hover{background:var(--hover-color);border-color:var(--text-muted)}.edit-profile-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:300px 1fr;margin:0 auto;max-width:1400px;padding:2rem}.edit-profile-sidebar{display:flex;flex-direction:column;gap:2rem}.avatar-section{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:2rem;text-align:center}.avatar-upload{height:150px;margin:0 auto 1rem;position:relative;width:150px}.avatar-preview{border:3px solid var(--border-color);border-radius:50%;height:100%;object-fit:cover;width:100%}.btn-change-avatar{align-items:center;background:var(--primary-color);border:3px solid var(--card-background);border-radius:50%;bottom:0;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:45px;justify-content:center;position:absolute;right:0;transition:transform .2s;width:45px}.btn-change-avatar:hover{transform:scale(1.1)}.btn-upload-avatar{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;margin-top:.5rem;padding:.7rem;transition:opacity .2s;width:100%}.btn-upload-avatar:hover:not(:disabled){opacity:.9}.btn-upload-avatar:disabled{cursor:not-allowed;opacity:.6}.avatar-help{color:var(--text-muted)}.avatar-help,.avatar-pending{font-size:.85rem;margin-top:.5rem}.avatar-pending{align-items:center;background:#fff3cd;border-radius:8px;color:#856404;display:flex;gap:.5rem;padding:.7rem}.avatar-pending .icon-warning{flex-shrink:0}.phone-verification-group{align-items:center;display:flex;gap:.5rem}.phone-verification-group input{flex:1 1}.btn-verify{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.7rem 1rem;transition:opacity .2s;white-space:nowrap}.btn-verify:hover:not(:disabled){opacity:.9}.btn-verify:disabled{cursor:not-allowed;opacity:.6}.verification-code-group{background:var(--hover-color);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:.5rem;margin-top:.75rem;padding:1rem}.verification-code-group input{flex:1 1;font-size:1.1rem;font-weight:600;letter-spacing:.2em;text-align:center}.btn-verify-code{background:#10b981;background:var(--success-color,#10b981);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.7rem 1.2rem;transition:opacity .2s;white-space:nowrap}.btn-verify-code:hover:not(:disabled){opacity:.9}.btn-verify-code:disabled{cursor:not-allowed;opacity:.6}.btn-cancel-verification{background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:.9rem;padding:.7rem 1rem;transition:all .2s;white-space:nowrap}.btn-cancel-verification:hover{background:var(--hover-color);border-color:var(--text-muted)}.verified-badge{align-items:center;background:#10b981;border-radius:12px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;margin-left:.5rem;padding:.2rem .6rem}.edit-tabs{display:flex;flex-direction:column;gap:.5rem}.edit-tab{align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:10px;color:var(--text-color);cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;padding:.9rem 1.2rem;text-align:left;transition:all .2s}.edit-tab:hover{background:var(--hover-color)}.edit-tab.active,.edit-tab:hover{border-color:var(--primary-color)}.edit-tab.active{background:var(--primary-color);color:#fff;font-weight:500}.edit-tab svg{font-size:1.2rem}.edit-profile-main{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:2.5rem}.edit-form h2{border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:1.4rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:1rem}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.form-group,.form-row{margin-bottom:1.5rem}.form-group label{align-items:center;color:var(--text-color);display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.5rem}.form-group label svg{color:var(--primary-color);font-size:1.1rem}.form-group input,.form-group select,.form-group textarea{background:var(--background-color);border:1px solid var(--border-color);color:var(--text-color);font-size:.95rem;padding:.8rem 1rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff1a}.form-group textarea{min-height:100px}.form-group small{color:var(--text-muted);display:block;font-size:.8rem;margin-top:.4rem}.alert-info{align-items:flex-start;background:#007bff1a;border:1px solid #007bff4d;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.alert-info svg{color:var(--primary-color);flex-shrink:0;font-size:1.3rem;margin-top:.1rem}.alert-info p{color:var(--text-color);font-size:.9rem;margin:0}.form-actions{border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.btn-save{align-items:center;background:var(--primary-color);border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.8rem 2rem;transition:opacity .2s}.btn-save:hover:not(:disabled){opacity:.9}.btn-save:disabled{cursor:not-allowed;opacity:.6}.btn-save svg{font-size:1.1rem}@media (max-width:968px){.edit-profile-content{grid-template-columns:1fr;padding:1rem}.edit-profile-sidebar{align-items:flex-start;flex-direction:row;gap:1rem}.avatar-section{flex:0 0 auto}.edit-tabs{flex:1 1;flex-direction:row;overflow-x:auto;padding-bottom:.5rem}.edit-tab{white-space:nowrap}.edit-profile-main{padding:1.5rem}}@media (max-width:768px){.edit-profile-header{padding:1rem}.header-content h1{font-size:1.2rem}.btn-close{font-size:.85rem;padding:.5rem 1rem}.form-row{gap:0;grid-template-columns:1fr}.edit-profile-sidebar,.edit-tabs{flex-direction:column}.avatar-upload{height:120px;width:120px}}.admin-dashboard{background:#f8f9fa;background:var(--background-primary,#f8f9fa);min-height:100vh;padding:2rem}.admin-container{background:#fff;background:var(--card-background,#fff);border-radius:20px;box-shadow:0 20px 60px #0000001a;margin:0 auto;max-width:1400px;overflow:hidden}.admin-header{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary,#667eea) 0,var(--secondary,#764ba2) 100%);color:#fff;justify-content:space-between;padding:2rem}.admin-header,.header-left h1{align-items:center;display:flex}.header-left h1{font-size:2rem;gap:.75rem;margin:0 0 .5rem}.shield-icon{font-size:2.5rem}.header-left p{font-size:1rem;margin:0;opacity:.9}.header-right{gap:1rem}.btn-refresh{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-refresh:hover{background:#ffffff4d;transform:translateY(-2px)}.btn-refresh:disabled{cursor:not-allowed;opacity:.6}.admin-user-badge{background:#fff3;border:2px solid #ffffff4d;border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:1px;padding:.5rem 1rem;text-transform:uppercase}.admin-tabs{background:#f8f9fa;background:var(--background-secondary,#f8f9fa);border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--border-color,#e9ecef);display:flex;overflow-x:auto}.admin-tab{align-items:center;background:#0000;border:none;color:#6c757d;color:var(--text-secondary,#6c757d);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:1rem 1.5rem;position:relative;transition:all .3s ease;white-space:nowrap}.admin-tab:hover{background:#0000000a;background:var(--hover-background,#0000000a)}.admin-tab.active,.admin-tab:hover{color:#667eea;color:var(--primary,#667eea)}.admin-tab.active{background:#fff;background:var(--card-background,#fff)}.admin-tab.active:after{background:#667eea;background:var(--primary,#667eea);bottom:-2px;content:"";height:3px;left:0;position:absolute;right:0}.admin-badge{align-items:center;background:#dc3545;background:var(--error,#dc3545);border-radius:10px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.admin-content{padding:2rem}.admin-section-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.admin-section-header h2{color:#212529;color:var(--text-primary,#212529);margin:0}.admin-controls,.admin-section-actions{display:flex;gap:.75rem}.admin-controls{align-items:center;flex-wrap:wrap;margin-bottom:1.25rem}.admin-input,.admin-select{background:#fff;background:var(--card-background,#fff);border:2px solid #e9ecef;border:2px solid var(--border-color,#e9ecef);border-radius:10px;color:#212529;color:var(--text-primary,#212529);outline:none;padding:.65rem .85rem}.admin-input{min-width:260px}.admin-input:focus,.admin-select:focus{border-color:#667eea;border-color:var(--primary,#667eea)}.admin-loading-inline{align-items:center;background:#f8f9fa;background:var(--background-secondary,#f8f9fa);border:2px solid #e9ecef;border:2px solid var(--border-color,#e9ecef);border-radius:12px;color:#6c757d;color:var(--text-secondary,#6c757d);display:flex;gap:.75rem;padding:1rem}.admin-table-wrap{border:2px solid #e9ecef;border:2px solid var(--border-color,#e9ecef);border-radius:14px;overflow:auto}.admin-table{background:#fff;background:var(--card-background,#fff);border-collapse:collapse;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color,#e9ecef);padding:.9rem .85rem;vertical-align:top}.admin-table th{background:#f8f9fa;background:var(--background-secondary,#f8f9fa);color:#6c757d;color:var(--text-secondary,#6c757d);font-size:.85rem;letter-spacing:.04em;text-align:left;text-transform:uppercase}.admin-cell-strong{color:#212529;color:var(--text-primary,#212529);font-weight:700}.admin-cell-muted{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:.85rem}.admin-row-actions{display:flex;flex-wrap:wrap;gap:.5rem}.admin-checkbox{align-items:center;color:#6c757d;color:var(--text-secondary,#6c757d);display:inline-flex;font-size:.9rem;gap:.5rem;margin-right:.75rem}.admin-checkbox.inline{margin-right:0}.admin-table tr.is-banned,.admin-table tr.is-hidden{opacity:.9}@media (max-width:768px){.admin-input{min-width:100%}}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{background:#fff;background:var(--card-background,#fff);border:2px solid #e9ecef;border:2px solid var(--border-color,#e9ecef);border-radius:15px;padding:1.5rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.stat-card.users{border-color:#667eea;border-color:var(--primary,#667eea)}.stat-card.posts{border-color:#28a745;border-color:var(--success,#28a745)}.stat-card.comments{border-color:#ffc107;border-color:var(--warning,#ffc107)}.stat-card.views{border-color:#17a2b8;border-color:var(--info,#17a2b8)}.stat-card.active{border-color:#fd7e14;border-color:var(--warning,#fd7e14)}.stat-card.support{border-color:#dc3545;border-color:var(--error,#dc3545)}.stat-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.stat-icon{font-size:1.5rem}.stat-card.users .stat-icon{color:#667eea;color:var(--primary,#667eea)}.stat-card.posts .stat-icon{color:#28a745;color:var(--success,#28a745)}.stat-card.comments .stat-icon{color:#ffc107;color:var(--warning,#ffc107)}.stat-card.views .stat-icon{color:#17a2b8;color:var(--info,#17a2b8)}.stat-card.active .stat-icon{color:#fd7e14;color:var(--warning,#fd7e14)}.stat-card.support .stat-icon{color:#dc3545;color:var(--error,#dc3545)}.stat-label{color:#6c757d;color:var(--text-secondary,#6c757d);font-weight:600}.stat-value{color:#212529;color:var(--text-primary,#212529);margin-bottom:.5rem}.stat-footer{gap:.5rem}.stat-change,.stat-footer{align-items:center;display:flex}.stat-change{font-size:.85rem;font-weight:600;gap:.25rem}.stat-change.positive{color:#28a745}.stat-change.negative{color:#dc3545}.stat-label-small{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:.85rem}.quick-actions{margin-bottom:2rem}.quick-actions h3{color:#212529;color:var(--text-primary,#212529);font-size:1.3rem;margin-bottom:1rem}.actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.admin-action-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary,#667eea) 0,var(--secondary,#764ba2) 100%);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;position:relative;transition:all .3s ease}.admin-action-btn:hover{box-shadow:0 10px 25px #667eea4d;box-shadow:var(--shadow-lg,0 10px 25px #667eea4d);transform:translateY(-3px)}.admin-action-btn .admin-badge{position:absolute;right:-8px;top:-8px}.recent-activity{background:#fff;background:var(--card-background,#fff);border:2px solid #e9ecef;border:2px solid var(--border-color,#e9ecef);border-radius:15px;padding:1.5rem}.recent-activity h3{color:#212529;color:var(--text-primary,#212529);font-size:1.3rem;margin-bottom:1.5rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{background:#f8f9fa;background:var(--background-secondary,#f8f9fa);border-radius:10px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.activity-item:hover{background:#e9ecef;background:var(--hover-background,#e9ecef)}.activity-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.activity-icon.user{background:#667eea1a;color:#667eea}.activity-icon.post{background:#28a7451a;color:#28a745}.activity-icon.comment{background:#ffc1071a;color:#ffc107}.activity-icon.report{background:#dc35451a;color:#dc3545}.activity-content{flex:1 1}.activity-text{color:#212529;color:var(--text-primary,#212529);font-size:.95rem;margin:0 0 .25rem}.activity-time{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:.85rem}.analytics-tab{padding:1rem 0}.analytics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.analytics-header h2{color:#212529;color:var(--text-primary,#212529);font-size:1.8rem;margin:0}.analytics-actions{display:flex;gap:1rem}.btn-secondary{align-items:center;background:#fff;border:2px solid #667eea;border-radius:10px;color:#667eea;display:flex;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.chart-card{background:#fff;background:var(--card-background,#fff);border:2px solid #e9ecef;border:2px solid var(--border-color,#e9ecef);border-radius:15px;padding:1.5rem}.chart-card h3{color:#212529;color:var(--text-primary,#212529);font-size:1.2rem;margin:0 0 1.5rem}.chart-placeholder{align-items:center;background:#f8f9fa;background:var(--background-secondary,#f8f9fa);border-radius:10px;color:#6c757d;color:var(--text-secondary,#6c757d);display:flex;flex-direction:column;justify-content:center;min-height:250px;padding:2rem;text-align:center}.chart-placeholder p{font-size:.95rem;margin:1rem 0}.chart-stats{display:flex;gap:2rem;margin-top:1rem}.chart-stat{display:flex;flex-direction:column;gap:.25rem}.chart-stat .label{color:#6c757d;font-size:.85rem}.chart-stat .value{color:#212529;color:var(--text-primary,#212529);font-size:1.5rem;font-weight:700}.chart-stat .value.positive{color:#28a745}.category-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;width:100%}.category-item{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:100px 1fr 50px}.category-name{color:#212529;color:var(--text-primary,#212529);font-size:.9rem;font-weight:600}.category-bar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;height:8px;transition:width .5s ease}.category-value{color:#667eea;color:var(--primary,#667eea);font-size:.9rem;font-weight:600;text-align:right}.support-tab{padding:1rem 0}.support-header{margin-bottom:2rem}.support-header h2{color:#212529;color:var(--text-primary,#212529);font-size:1.8rem;margin:0 0 1rem}.support-filters{display:flex;flex-wrap:wrap;gap:.5rem}.admin-filter-btn{align-items:center;background:#fff;background:var(--card-background,#fff);border:2px solid #e9ecef;border:2px solid var(--border-color,#e9ecef);border-radius:20px;color:#6c757d;color:var(--text-secondary,#6c757d);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;transition:all .3s ease}.admin-filter-btn:hover{color:#667eea;color:var(--primary,#667eea)}.admin-filter-btn.active,.admin-filter-btn:hover{border-color:#667eea;border-color:var(--primary,#667eea)}.admin-filter-btn.active{background:#667eea;background:var(--primary,#667eea);color:#fff}.tickets-grid{display:flex;flex-direction:column;gap:1.5rem}.ticket-card{background:#fff;background:var(--card-background,#fff);border:2px solid #e9ecef;border-left:4px solid #667eea;border:2px solid var(--border-color,#e9ecef);border-left:4px solid var(--primary,#667eea);border-radius:15px;padding:1.5rem;transition:all .3s ease}.ticket-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateX(5px)}.ticket-card.high{border-left-color:#dc3545}.ticket-card.medium{border-left-color:#ffc107}.ticket-card.low{border-left-color:#28a745}.ticket-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.ticket-info h4{color:#212529;color:var(--text-primary,#212529);font-size:1.2rem;margin:0 0 .5rem}.ticket-meta{display:flex;flex-wrap:wrap;gap:.75rem}.ticket-id{color:#6c757d;font-size:.85rem;font-weight:600}.ticket-category{background:#f8f9fa;background:var(--background-secondary,#f8f9fa);color:#667eea;color:var(--primary,#667eea)}.ticket-category,.ticket-priority{border-radius:12px;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.ticket-priority{align-items:center;display:flex;gap:.25rem;text-transform:uppercase}.ticket-priority.high{background:#dc35451a;color:#dc3545}.ticket-priority.medium{background:#ffc1071a;color:#ffc107}.ticket-priority.low{background:#28a7451a;color:#28a745}.admin-status-badge{border-radius:20px;font-size:.85rem;font-weight:600;padding:.5rem 1rem;text-transform:uppercase}.admin-status-badge.open{background:#17a2b81a;color:#17a2b8}.admin-status-badge.pending{background:#ffc1071a;color:#ffc107}.admin-status-badge.resolved{background:#28a7451a;color:#28a745}.ticket-body{border-bottom:1px solid #e9ecef;border-top:1px solid #e9ecef;padding:1rem 0}.ticket-body p{color:#495057;line-height:1.6;margin:0}.ticket-footer{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1rem}.ticket-time,.ticket-user{align-items:center;color:#6c757d;display:flex;font-size:.9rem;gap:.5rem}.ticket-email{color:#667eea}.ticket-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.admin-btn-action{align-items:center;border:2px solid;border-radius:10px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;transition:all .3s ease}.admin-btn-action.primary{background:#28a745;background:var(--success,#28a745);border-color:#28a745;border-color:var(--success,#28a745);color:#fff}.admin-btn-action.primary:hover{background:#218838;transform:translateY(-2px)}.admin-btn-action.secondary{background:#fff;background:var(--card-background,#fff);border-color:#6c757d;border-color:var(--text-secondary,#6c757d);color:#6c757d;color:var(--text-secondary,#6c757d)}.admin-btn-action.secondary:hover{background:#6c757d;background:var(--text-secondary,#6c757d);color:#fff;transform:translateY(-2px)}.admin-btn-action.danger{background:#dc3545;background:var(--error,#dc3545);border-color:#dc3545;border-color:var(--error,#dc3545);color:#fff}.admin-btn-action.danger:hover{background:#c82333;transform:translateY(-2px)}.admin-btn-action.warning{background:#ffc107;background:var(--warning,#ffc107);border-color:#ffc107;border-color:var(--warning,#ffc107);color:#212529;color:var(--text-primary,#212529)}.admin-btn-action.warning:hover{background:#e0a800;transform:translateY(-2px)}.reports-tab{padding:1rem 0}.reports-header{margin-bottom:2rem}.reports-header h2{color:#212529;color:var(--text-primary,#212529);font-size:1.8rem;margin:0 0 .5rem}.reports-header p{color:#6c757d;color:var(--text-secondary,#6c757d);margin:0}.reports-grid{display:flex;flex-direction:column;gap:1.5rem}.report-card{background:#fff;border:2px solid #e9ecef;border-radius:15px;padding:1.5rem;transition:all .3s ease}.report-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-3px)}.report-header{justify-content:space-between;margin-bottom:1rem}.report-header,.report-type{align-items:center;display:flex}.report-type{color:#667eea;font-weight:600;gap:.5rem}.report-reason{background:#dc35451a;border-radius:20px;color:#dc3545;font-size:.85rem;font-weight:600;padding:.5rem 1rem;text-transform:uppercase}.report-content{border-bottom:1px solid #e9ecef;border-top:1px solid #e9ecef;padding:1rem 0}.report-description{color:#495057;margin:0 0 1rem}.reported-content{background:#f8f9fa;border-radius:10px;padding:1rem}.reported-content strong{color:#212529;display:block;margin-bottom:.5rem}.reported-content p{color:#6c757d;font-style:italic;margin:0}.report-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1rem}.report-time,.reporter-info{align-items:center;color:#6c757d;display:flex;font-size:.9rem;gap:.5rem}.report-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.system-tab{padding:1rem 0}.system-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.system-header h2{color:#212529;font-size:1.8rem;margin:0}.system-health{align-items:center;display:flex;gap:1rem}.health-indicator{align-items:center;border-radius:20px;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem}.health-indicator.healthy{background:#28a7451a;color:#28a745}.health-indicator.warning{background:#ffc1071a;color:#ffc107}.health-indicator.critical{background:#dc35451a;color:#dc3545}.system-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.system-card{background:#fff;border:2px solid #e9ecef;border-radius:15px;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.system-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-3px)}.system-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;display:flex;flex-shrink:0;font-size:1.8rem;height:60px;justify-content:center;width:60px}.system-info{flex:1 1}.system-info h4{color:#212529;font-size:1.1rem;margin:0 0 1rem}.system-metric{display:flex;flex-direction:column;gap:.5rem}.metric-value{color:#667eea;font-size:1.5rem;font-weight:700}.metric-bar{background:#e9ecef;border-radius:4px;height:8px;overflow:hidden;width:100%}.metric-fill{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;height:100%;transition:width .5s ease}.metric-status{align-items:center;display:flex;font-size:.9rem;font-weight:600;gap:.5rem}.metric-status.success{color:#28a745}.metric-status.warning{color:#ffc107}.metric-status.error{color:#dc3545}.system-logs{background:#fff;border:2px solid #e9ecef;border-radius:15px;padding:1.5rem}.system-logs h3{color:#212529;font-size:1.3rem;margin:0 0 1rem}.logs-container{background:#212529;border-radius:10px;max-height:400px;overflow-y:auto;padding:1rem}.log-entry{grid-gap:1rem;border-bottom:1px solid #343a40;display:grid;font-family:Courier New,monospace;font-size:.85rem;gap:1rem;grid-template-columns:120px 80px 1fr;padding:.5rem}.log-entry:last-child{border-bottom:none}.log-time{color:#6c757d}.log-level{font-weight:600;text-transform:uppercase}.log-level.info{color:#17a2b8}.log-level.warning{color:#ffc107}.log-level.error{color:#dc3545}.log-level.success{color:#28a745}.log-message{color:#adb5bd}.admin-empty-state{align-items:center;color:#6c757d;color:var(--text-secondary,#6c757d);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.admin-empty-state svg{color:#28a745;color:var(--success,#28a745);margin-bottom:1.5rem}.admin-empty-state h3{color:#212529;color:var(--text-primary,#212529);font-size:1.5rem;margin:0 0 .5rem}.admin-empty-state p{font-size:1rem;margin:0}.admin-loading{align-items:center;color:#212529;color:var(--text-primary,#212529);display:flex;flex-direction:column;justify-content:center;min-height:60vh}.admin-spinner{animation:spin 1s linear infinite;border:4px solid #00000026;border-top-color:#4a90e2;border:4px solid var(--border-color,#00000026);border-radius:50%;border-top-color:var(--primary,#4a90e2);height:50px;margin-bottom:1rem;width:50px}.admin-loading p{font-size:1.1rem;font-weight:600}@media (max-width:768px){.admin-dashboard{padding:1rem}.admin-header{flex-direction:column;gap:1rem;padding:1.5rem}.header-left h1{font-size:1.5rem}.header-right{justify-content:space-between;width:100%}.admin-tabs{flex-wrap:nowrap;overflow-x:auto}.admin-content{padding:1rem}.actions-grid,.charts-grid,.stats-grid{grid-template-columns:1fr}.ticket-footer{align-items:flex-start;flex-direction:column}.report-actions,.ticket-actions{width:100%}.admin-btn-action{flex:1 1;justify-content:center}.log-entry,.system-grid{grid-template-columns:1fr}.log-entry{gap:.5rem}}.favorites-container{margin:0 auto;max-width:1200px;min-height:calc(100vh - 200px);padding:32px 24px}.favorites-header{margin-bottom:40px}.favorites-title{align-items:center;display:flex;gap:16px;margin-bottom:12px}.favorites-title svg{color:var(--primary)}.favorites-title h1{color:var(--text-primary);font-size:32px;font-weight:700;margin:0}.favorites-count{color:var(--text-secondary);font-size:16px;margin:0}.favorites-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.favorites-loading svg{color:var(--primary);margin-bottom:16px}.favorites-loading p{color:var(--text-secondary);font-size:16px}.favorites-error{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.favorites-error p{color:var(--error);font-size:16px;margin-bottom:20px}.favorites-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.favorites-empty svg{color:var(--text-disabled);margin-bottom:24px;opacity:.5}.favorites-empty h2{color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:12px}.favorites-empty p{color:var(--text-secondary);font-size:16px;line-height:1.6;max-width:500px}.favorites-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media (max-width:768px){.favorites-container{padding:24px 16px}.favorites-title h1{font-size:24px}.favorites-title svg{height:24px;width:24px}.favorites-grid{gap:16px;grid-template-columns:1fr}.favorites-empty svg{height:48px;width:48px}.favorites-empty h2{font-size:20px}.favorites-empty p{font-size:14px}}@media (max-width:480px){.favorites-container{padding:20px 12px}.favorites-title h1{font-size:20px}.favorites-count{font-size:14px}}.my-posts-container{margin:0 auto;max-width:1200px;min-height:calc(100vh - 200px);padding:32px 24px}.my-posts-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:32px}.my-posts-header,.my-posts-title{align-items:center;display:flex;gap:16px}.my-posts-title svg{color:var(--primary)}.my-posts-title h1{color:var(--text-primary);font-size:32px;font-weight:700;margin:0}.btn-create-post{align-items:center;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-create-post:hover{background:var(--primary-dark);transform:translateY(-2px)}.btn-create-post-large{align-items:center;background:var(--primary);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;margin-top:24px;padding:16px 32px;transition:all .2s ease}.btn-create-post-large:hover{background:var(--primary-dark);box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-2px)}.my-posts-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:40px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;text-align:center;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 12px var(--shadow);transform:translateY(-4px)}.stat-value{font-size:36px;margin-bottom:8px}.stat-label{font-weight:500}.my-posts-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.my-posts-loading svg{color:var(--primary);margin-bottom:16px}.my-posts-loading p{color:var(--text-secondary);font-size:16px}.spinning{animation:spin 1s linear infinite}.my-posts-error{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.my-posts-error p{color:var(--error);font-size:16px;margin-bottom:20px}.btn-retry{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-retry:hover{background:var(--primary-dark);transform:translateY(-2px)}.my-posts-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.my-posts-empty svg{color:var(--text-disabled);margin-bottom:24px;opacity:.5}.my-posts-empty h2{color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:12px}.my-posts-empty p{color:var(--text-secondary);font-size:16px;line-height:1.6;margin-bottom:16px;max-width:500px}.my-posts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media (max-width:768px){.my-posts-container{padding:24px 16px}.my-posts-header{align-items:flex-start;flex-direction:column}.my-posts-title h1{font-size:24px}.my-posts-title svg{height:24px;width:24px}.btn-create-post{justify-content:center;width:100%}.my-posts-stats{gap:12px;grid-template-columns:1fr}.stat-card{padding:16px}.stat-value{font-size:28px}.my-posts-grid{gap:16px;grid-template-columns:1fr}.my-posts-empty svg{height:48px;width:48px}.my-posts-empty h2{font-size:20px}.my-posts-empty p{font-size:14px}.btn-create-post-large{justify-content:center;width:100%}}@media (max-width:480px){.my-posts-container{padding:20px 12px}.my-posts-title h1{font-size:20px}.stat-value{font-size:24px}.stat-label{font-size:12px}}.help-container{margin:0 auto;max-width:1000px;min-height:calc(100vh - 200px);padding:40px 24px}.help-header{margin-bottom:60px;text-align:center}.help-header svg{color:var(--primary);margin-bottom:16px}.help-header h1{color:var(--text-primary);font-size:36px;font-weight:700;margin-bottom:12px}.help-header p{color:var(--text-secondary);font-size:18px;margin-bottom:24px}.help-search{margin:0 auto;max-width:600px;position:relative}.help-search .search-icon{color:var(--text-secondary);font-size:20px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.help-search input{background:var(--surface);border:2px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:16px;padding:14px 16px 14px 48px;transition:all .2s;width:100%}.help-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #007bff1a;outline:none}.help-section{margin-bottom:60px}.help-section h2{color:var(--text-primary);font-size:28px;font-weight:600;margin-bottom:24px}.search-results{color:var(--text-secondary);font-size:18px;font-weight:400}.help-categories{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}.category-btn{align-items:center;background:var(--surface);border:2px solid var(--border);border-radius:10px;color:var(--text-primary);display:flex;font-size:15px;gap:8px;padding:10px 18px;transition:all .2s}.category-btn:hover{background:var(--hover);border-color:var(--primary)}.category-btn.active{background:var(--primary);border-color:var(--primary)}.category-btn svg{font-size:18px}.contact-methods{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.contact-card{background:var(--surface);border-radius:16px;padding:32px 24px}.contact-card:hover{box-shadow:0 8px 24px var(--shadow);transform:translateY(-4px)}.contact-icon{align-items:center;background:var(--primary-light);border-radius:12px;color:var(--primary);display:flex;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.contact-card h3{font-size:18px;font-weight:600;margin-bottom:8px}.contact-card p{color:var(--text-secondary);font-size:14px;margin-bottom:16px}.contact-action{background:var(--primary);border-radius:8px;color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:10px 20px;text-decoration:none;transition:all .2s ease}.contact-action:hover{background:var(--primary-dark);transform:scale(1.05)}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{background:var(--surface);cursor:pointer;overflow:hidden;transition:all .2s ease}.faq-item:hover{border-color:var(--primary)}.faq-item.expanded{box-shadow:0 4px 12px var(--shadow)}.faq-question{align-items:center;color:var(--text-primary);display:flex;font-size:16px;justify-content:space-between;padding:20px 24px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.faq-question:hover{color:var(--primary)}.faq-icon{color:var(--text-secondary);flex-shrink:0;font-size:20px;transition:transform .3s ease}.faq-item.expanded .faq-icon{color:var(--primary);transform:rotate(180deg)}.faq-answer{animation:fadeIn .3s ease;font-size:15px;padding:0 24px 20px}.no-results{padding:60px 20px;text-align:center}.no-results svg{color:var(--text-tertiary);margin-bottom:16px}.no-results p{color:var(--text-secondary);font-size:18px;margin-bottom:20px}.btn-clear-search{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:10px 24px;transition:all .2s}.btn-clear-search:hover{background:var(--primary-dark);transform:scale(1.05)}.support-form-container{grid-gap:32px;display:grid;gap:32px;grid-template-columns:2fr 1fr}.support-form{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px}.form-group{margin-bottom:24px}.form-group label{font-size:14px;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:var(--background);font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px var(--primary-light)}.btn-submit{border-radius:8px;font-size:16px;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s ease;width:100%}.btn-submit:hover{box-shadow:0 4px 12px #8b5cf64d}.support-info{background:var(--surface);border:1px solid var(--border);border-radius:16px;height:-webkit-fit-content;height:fit-content;padding:24px}.support-info svg{color:var(--primary);margin-bottom:12px}.support-info h3{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:8px}.support-info p{color:var(--text-secondary);font-size:14px;line-height:1.6}@media (max-width:768px){.help-container{padding:24px 16px}.help-header h1{font-size:28px}.help-header p{font-size:16px}.help-section h2{font-size:24px}.contact-methods,.support-form-container{grid-template-columns:1fr}.faq-answer{padding-left:24px}}@media (max-width:480px){.help-container{padding:20px 12px}.help-header h1{font-size:24px}.help-section h2{font-size:20px}.contact-card,.support-form{padding:24px 16px}.support-info{padding:20px 16px}}.account-settings-container{margin:0 auto;max-width:900px;min-height:calc(100vh - 200px);padding:40px 24px}.settings-header{margin-bottom:32px}.settings-header h1{color:var(--text-primary);font-size:32px;font-weight:700;margin-bottom:8px}.settings-header p{color:var(--text-secondary);font-size:16px}.settings-tabs{display:flex;gap:12px;margin-bottom:32px;overflow-x:auto;padding-bottom:8px}.settings-tab{align-items:center;background:var(--surface);border:2px solid var(--border);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s;white-space:nowrap}.settings-tab:hover{background:var(--hover);border-color:var(--primary)}.settings-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.settings-tab svg{font-size:18px}.settings-content{animation:fadeIn .3s ease}.section-description{color:var(--text-secondary);font-size:15px;line-height:1.6;margin-bottom:24px}.settings-list{display:flex;flex-direction:column;gap:20px}.setting-item{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;display:flex;justify-content:space-between;padding:16px;transition:all .2s}.setting-item:hover{border-color:var(--primary);box-shadow:0 2px 8px var(--shadow)}.setting-info{align-items:flex-start;display:flex;flex:1 1;gap:12px}.setting-info svg{color:var(--primary);flex-shrink:0;margin-top:2px}.setting-info h3{color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:4px}.setting-info p{color:var(--text-secondary);font-size:13px;line-height:1.5}.toggle-switch{flex-shrink:0;height:28px;position:relative;width:52px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--border);border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:22px;left:3px;position:absolute;transition:.3s;width:22px}input:checked+.toggle-slider{background-color:var(--primary)}input:checked+.toggle-slider:before{transform:translateX(24px)}.setting-select{background:var(--background-color);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;min-width:150px;padding:8px 12px;transition:all .2s}.setting-select:focus{border-color:var(--primary);outline:none}.security-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.security-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;text-align:center;transition:all .2s}.security-card:hover{border-color:var(--primary);box-shadow:0 4px 12px var(--shadow)}.security-card svg{color:var(--primary);margin-bottom:16px}.security-card h3{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:8px}.security-card p{color:var(--text-secondary);font-size:14px;margin-bottom:16px}.btn-primary-outline{background:#0000;border:2px solid var(--primary);border-radius:8px;color:var(--primary);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s;width:100%}.btn-primary-outline:hover:not(:disabled){background:var(--primary);color:#fff}.btn-primary-outline:disabled{cursor:not-allowed;opacity:.5}.staff-restriction-message{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;justify-content:center;margin-top:32px;padding:80px 20px;text-align:center}.staff-restriction-message svg{color:var(--warning);margin-bottom:24px}.staff-restriction-message h2{color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:12px}.staff-restriction-message p{color:var(--text-secondary);font-size:16px;line-height:1.6;max-width:500px}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:24px;padding:32px}.settings-section h2{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:8px}.settings-section.danger-zone{border-color:var(--error-light)}.section-header{gap:16px;margin-bottom:24px}.section-header svg{color:var(--error);flex-shrink:0;margin-top:4px}.section-header h2{font-size:20px;font-weight:600;margin-bottom:4px}.section-header p{font-size:14px}.section-content{display:flex;flex-direction:column;gap:20px}.info-box{border:1px solid;border-radius:12px;padding:20px}.info-box h3{font-size:16px;font-weight:600;margin-bottom:12px}.info-box ul{list-style:none;margin:0;padding:0}.info-box li{padding:8px 0 8px 24px;position:relative}.info-box li:before{content:"•";font-weight:700;left:8px;position:absolute}.warning-box{background:var(--warning-light);border-color:var(--warning)}.warning-box,.warning-box h3{color:var(--warning-dark)}.danger-box{background:var(--error-light);border-color:var(--error);color:var(--error-dark)}.danger-box svg{color:var(--error);margin-bottom:12px}.danger-box h3{align-items:center;color:var(--error-dark);display:flex;gap:8px}.btn-danger,.btn-danger-outline{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover:not(:disabled){background:var(--error-dark);box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.btn-danger:disabled{cursor:not-allowed;opacity:.5}.btn-danger-outline{background:#0000;border:2px solid var(--error);color:var(--error)}.btn-danger-outline:hover{background:var(--error-light);transform:translateY(-2px)}.btn-cancel{background:var(--surface);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-cancel:hover:not(:disabled){background:var(--background)}.btn-cancel:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{padding:20px}.modal-content{background:var(--surface);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;gap:16px;padding:24px}.modal-header svg{color:var(--warning);flex-shrink:0}.modal-header.danger-header svg{color:var(--error)}.modal-header h2{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.modal-body{padding:24px}.modal-body p{color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.warning-banner{align-items:center;background:var(--error-light);border:1px solid var(--error);border-radius:8px;color:var(--error-dark);display:flex;gap:12px;margin-bottom:20px;padding:16px}.warning-banner svg{flex-shrink:0}.confirmation-input{margin-top:20px}.confirmation-input label{color:var(--text-primary);display:block;font-size:14px;margin-bottom:8px}.confirmation-input strong{color:var(--error);font-family:monospace}.confirmation-input input{background:var(--background);border:2px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:monospace;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.confirmation-input input:focus{border-color:var(--error);box-shadow:0 0 0 3px var(--error-light);outline:none}.modal-footer{border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;padding:24px}@media (max-width:768px){.account-settings-container{padding:24px 16px}.settings-header h1{font-size:24px}.settings-section{padding:24px 16px}.section-header{flex-direction:column;gap:12px}.modal-header{align-items:flex-start;flex-direction:column}.modal-footer{flex-direction:column-reverse}.modal-footer button{width:100%}}@media (max-width:480px){.account-settings-container{padding:20px 12px}.settings-header h1{font-size:20px}.section-header h2{font-size:18px}.info-box{padding:16px}}.cookie-category{background:var(--surface-elevated);border-left:4px solid var(--primary);border:1px solid var(--border);border-radius:var(--radius-lg);margin:2rem 0;padding:1.5rem}.cookie-category h3{color:var(--primary);font-size:1.4rem;margin-top:0}.cookie-category>p{background:var(--surface);border-left:3px solid var(--border);border-radius:var(--radius-md);margin:1rem 0;padding:1rem}.cookie-table{grid-gap:1rem;display:grid;gap:1rem;margin-top:1.5rem}.cookie-row{grid-gap:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:grid;gap:1.5rem;grid-template-columns:200px 1fr;padding:1.5rem;transition:all .3s ease}.cookie-row:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.cookie-name{color:#667eea;font-family:Courier New,monospace;font-size:.95rem;font-weight:700;word-break:break-all}.cookie-details p{font-size:.95rem;line-height:1.6;margin:.5rem 0}.cookie-details p strong{color:var(--text-primary)}@media (max-width:768px){.cookie-row{gap:1rem;grid-template-columns:1fr}.cookie-name{border-bottom:2px solid var(--border);padding-bottom:.5rem}}.legal-page{background:var(--background);min-height:100vh;padding:2rem 1rem}.legal-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin:0 auto;max-width:1200px;overflow:hidden}.legal-header{background:var(--surface-elevated);border-bottom:1px solid var(--border);padding:3rem 2rem;text-align:center}.legal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.legal-update{font-size:.9rem;margin:0 0 1.5rem;opacity:.9}.legal-intro{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0 auto 1.5rem;max-width:800px}.legal-notice{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:.95rem;margin:0 auto;max-width:800px;padding:1rem 1.5rem;text-align:left}.legal-nav{background:var(--background);border-bottom:2px solid var(--border);display:flex;flex-wrap:wrap;gap:.5rem;padding:1.5rem 2rem}.legal-nav a{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.85rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.legal-nav a:hover{background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:#0000;color:#fff;transform:translateY(-2px)}.legal-content{margin:0 auto;max-width:900px;padding:3rem 2rem}.legal-section{margin-bottom:3rem;scroll-margin-top:100px}.legal-section h2{border-bottom:3px solid var(--primary);color:var(--text-primary);display:inline-block;font-size:1.8rem;margin:0 0 1.5rem;padding-bottom:.5rem}.legal-section h3{font-size:1.3rem;margin:1.5rem 0 1rem}.legal-section h3,.legal-section h4{color:var(--text-primary);font-weight:600}.legal-section h4{font-size:1.1rem;margin:1rem 0 .5rem}.legal-section p{color:var(--text-secondary);line-height:1.8;margin:.75rem 0}.legal-list{list-style:none;margin:1rem 0;padding:0}.legal-list li{border-left:3px solid var(--border);color:var(--text-secondary);line-height:1.7;margin:.5rem 0;padding:.75rem 0 .75rem 1.5rem;position:relative}.legal-list li:before{color:var(--primary);content:"▸";font-weight:700;left:.5rem;position:absolute}.info-box,.warning-box{border-radius:var(--radius-lg);margin:1.5rem 0;padding:1.5rem}.info-box{background:var(--surface-elevated);border:2px solid var(--border)}.info-box p{margin:.5rem 0}.warning-box{background:linear-gradient(135deg,#ef44440d,#dc26260d);border:2px solid #ef444433}.warning-box h4{color:#dc2626;margin-top:0}.definition-list{grid-gap:1.5rem;display:grid;gap:1.5rem;margin:1.5rem 0}.definition-item{background:var(--surface-elevated);border-left:4px solid var(--primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem}.definition-item strong{color:var(--primary);display:block;font-size:1.1rem;margin-bottom:.5rem}.definition-item p{color:var(--text-secondary);margin:0}.warning-list{grid-gap:1rem;display:grid;gap:1rem;margin:1.5rem 0}.warning-item{background:var(--background);border-left:4px solid #f59e0b;border-radius:var(--radius-md);line-height:1.6;padding:1rem 1.5rem}.contact-box{background:var(--surface-elevated);border:2px solid var(--border);border-radius:var(--radius-lg);margin:1.5rem 0;padding:2rem}.contact-box p{font-size:1.05rem;margin:.75rem 0}.legal-note{background:var(--background);border-left:4px solid #f59e0b;border-radius:var(--radius-md);color:var(--text-tertiary);font-size:.95rem;font-style:italic;margin:1.5rem 0;padding:1rem 1.5rem}.legal-footer{border-top:2px solid var(--border);margin-top:4rem;padding-top:2rem;text-align:center}.legal-footer p{color:var(--text-tertiary);font-size:.95rem;margin:0 0 1.5rem}.legal-links{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.legal-links a{color:var(--primary);font-weight:600;text-decoration:none;transition:all .2s ease}.legal-links a:hover{color:var(--primary-dark);text-decoration:underline}.legal-links .separator{color:var(--border)}@media (max-width:768px){.legal-page{padding:1rem .5rem}.legal-header{padding:2rem 1rem}.legal-title{font-size:1.8rem}.legal-intro{font-size:1rem}.legal-nav{justify-content:center;padding:1rem}.legal-nav a{font-size:.8rem;padding:.4rem .8rem}.legal-content{padding:2rem 1rem}.legal-section h2{font-size:1.5rem}.legal-section h3{font-size:1.2rem}.legal-list li{font-size:.95rem;padding-left:1rem}.contact-box,.definition-item,.info-box,.warning-box,.warning-item{padding:1rem}}@media print{.legal-page{background:#fff;padding:0}.legal-header{background:none;color:#000}.legal-footer .legal-links,.legal-nav{display:none}}.about-page{background:var(--background);color:var(--text-primary);min-height:100vh}.about-container{margin:0 auto;max-width:1200px;padding:2rem 1rem}.about-hero{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg);margin-bottom:3rem;padding:4rem 2rem;text-align:center}.hero-content{margin:0 auto}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:3.5rem;font-weight:800;margin-bottom:1rem}.hero-subtitle{color:var(--text-secondary);font-size:1.5rem;font-weight:300;line-height:1.6}.about-section{margin-bottom:4rem}.section-content{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);padding:3rem}.section-title{color:var(--primary);font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.mission-box{background:var(--surface-elevated);border-left:4px solid var(--primary);border:1px solid var(--border);border-radius:12px;padding:2rem}.mission-text{color:var(--text-primary);font-size:1.3rem;line-height:1.8;text-align:center}.story-content p{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.story-content strong{color:var(--text-primary);font-weight:600}.team-intro{color:var(--text-secondary);font-size:1.2rem;margin-bottom:3rem;text-align:center}.team-groups{display:flex;flex-direction:column;gap:2rem}.team-group{background:var(--surface-elevated);border:1px solid var(--border);border-radius:12px;padding:2rem}.group-title{color:var(--primary);font-size:1.8rem;margin-bottom:1rem}.group-description p{color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin-bottom:1rem}.team-features{list-style:none;margin-top:1.5rem;padding:0}.team-features li{color:var(--text-secondary);padding:.5rem 0 .5rem 1.5rem;position:relative}.team-features li:before{color:var(--primary);content:"✓";font-weight:700;left:0;position:absolute}.values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.value-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.value-card:hover{border-color:var(--primary);box-shadow:var(--shadow-xl);transform:translateY(-5px)}.value-icon{font-size:3rem;margin-bottom:1rem}.value-title{color:var(--text-primary);font-size:1.3rem;margin-bottom:.5rem}.value-description{color:var(--text-secondary);font-size:1rem;line-height:1.6}.platform-features{grid-gap:1.5rem;display:grid;gap:1.5rem;margin-top:2rem}.feature-item{border-left:4px solid var(--primary);border:1px solid var(--border);border-radius:8px;padding:1.5rem;transition:all .3s ease}.feature-item,.feature-item:hover{background:var(--surface-elevated)}.feature-item:hover{border-color:var(--primary);transform:translateX(5px)}.feature-item h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.feature-item p{color:var(--text-secondary);line-height:1.6}.join-content{text-align:center}.join-text{color:var(--text-secondary);font-size:1.2rem;line-height:1.8;margin-bottom:3rem}.join-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.join-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.join-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-10px)}.join-card h3{color:var(--text-primary);font-size:1.8rem;margin-bottom:1rem}.join-card p{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.join-button{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-weight:600;padding:.75rem 2rem;text-decoration:none;transition:all .3s ease}.join-button:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.join-button.secondary{background:var(--surface-elevated);border:2px solid var(--primary);color:var(--primary)}.join-button.secondary:hover{background:var(--surface-elevated);border-color:var(--primary-dark)}.contact-info{text-align:center}.contact-intro{color:var(--text-secondary);font-size:1.2rem;margin-bottom:3rem}.contact-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.contact-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.contact-card:hover{border-color:var(--primary);box-shadow:var(--shadow-xl);transform:translateY(-5px)}.contact-icon{font-size:2.5rem;margin-bottom:1rem}.contact-card h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:.5rem}.contact-card a{color:var(--primary);font-weight:500;text-decoration:none;transition:color .3s ease}.contact-card a:hover{color:var(--primary-dark);text-decoration:underline}.contact-links{margin-top:2rem}.contact-button{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;padding:1rem 3rem;text-decoration:none;transition:all .3s ease}.contact-button:hover{box-shadow:0 10px 30px #667eea66;transform:translateY(-3px)}.about-footer{border-top:1px solid var(--border);margin-top:4rem;padding:2rem;text-align:center}.footer-links{gap:.5rem}.footer-links a{font-weight:500;transition:color .3s ease}.separator{color:var(--border)}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.section-content{padding:2rem 1.5rem}.section-title{font-size:2rem}.contact-grid,.join-cards,.values-grid{grid-template-columns:1fr}.about-hero{padding:3rem 1.5rem}}@media (max-width:480px){.hero-title{font-size:2rem}.section-title{font-size:1.7rem}.about-container{padding:1rem .5rem}}.careers-page{background:var(--background);color:var(--text-primary);min-height:100vh;padding:2rem 0}.careers-container{margin:0 auto;max-width:1200px;padding:0 2rem}.careers-hero{margin-bottom:3rem;padding:3rem 0;text-align:center}.careers-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:3rem;font-weight:800;margin-bottom:1rem}.careers-subtitle{color:var(--text-secondary);font-size:1.3rem;font-weight:300}.careers-content{display:flex;flex-direction:column;gap:2rem}.content-card ul{list-style:none;padding-left:0}.content-card li{color:var(--text-secondary);line-height:1.6;padding:.8rem 0 .8rem 2rem;position:relative}.content-card li:before{color:var(--primary);content:"→";font-size:1.2rem;font-weight:700;left:0;position:absolute}.future-roles{margin-top:1.5rem}.future-roles li strong{color:var(--primary)}.qualities-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.quality-item{background:var(--surface-elevated);border:1px solid var(--border);border-radius:12px;padding:1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.quality-item:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.quality-icon{font-size:2.5rem;margin-bottom:1rem}.quality-item h3{color:var(--primary);margin-bottom:.8rem}.quality-item p{color:var(--text-secondary);font-size:.95rem}.contact-options{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.contact-option{background:var(--surface-elevated);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.contact-option h4{color:var(--primary);font-size:1.1rem;margin-bottom:.8rem}.social-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.social-button{align-items:center;background:var(--surface-elevated);border:1px solid var(--border);border-radius:8px;color:var(--primary-light);display:inline-flex;font-weight:500;gap:.5rem;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.social-button:hover{background:var(--surface-elevated);border-color:var(--primary);transform:translateY(-2px)}.collaboration-note{background:#667eea0d;border-left:3px solid var(--primary);border-radius:8px;color:var(--text-secondary);font-size:1rem;margin-top:1.5rem;padding:1.2rem}.collaboration-note a{color:var(--primary);font-weight:600;text-decoration:none}.collaboration-note a:hover{color:var(--primary-dark);text-decoration:underline}.careers-footer{border-top:2px solid var(--border);margin-top:4rem;padding-top:2rem;text-align:center}.careers-footer h3{color:var(--primary);font-size:2rem;margin-bottom:1rem}.careers-footer p{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:2rem}@media (max-width:768px){.careers-title{font-size:2rem}.careers-subtitle{font-size:1.1rem}.content-card{padding:1.5rem}.qualities-grid{grid-template-columns:1fr}.careers-footer h3{font-size:1.5rem}.footer-actions{flex-direction:column;gap:1rem}.footer-button{width:100%}}.press-page{background:var(--background);color:var(--text-primary);min-height:100vh;padding:2rem 0}.press-container{margin:0 auto;max-width:1200px;padding:0 2rem}.press-hero{margin-bottom:3rem;padding:3rem 0;text-align:center}.press-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:3rem;font-weight:800;margin-bottom:1rem}.press-subtitle{color:var(--text-secondary);font-size:1.3rem;font-weight:300}.press-content{display:flex;flex-direction:column;gap:2rem}.content-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);padding:2.5rem}.content-card h2{color:var(--primary);font-size:2rem;margin-bottom:1.5rem}.content-card h3{color:var(--primary-light);font-size:1.3rem;margin-bottom:.8rem}.content-card h4{color:var(--primary);font-size:1.1rem;margin-bottom:.5rem}.content-card p{color:var(--text-secondary);line-height:1.8;margin-bottom:1rem}.content-card strong{color:var(--text-primary)}.icon-large{font-size:3.5rem;margin-bottom:1.5rem;text-align:center}.lead-text{color:var(--text-primary)!important;font-size:1.2rem;line-height:1.8}.highlight-card{background:var(--surface-elevated);border:2px solid var(--border)}.key-facts{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1.5rem}.fact-item{background:var(--surface-elevated);border:1px solid var(--border);border-radius:12px;padding:1.5rem;text-align:center}.fact-label{color:var(--text-tertiary);font-size:.9rem;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.fact-value{color:var(--primary);font-size:1.2rem;font-weight:600}.content-areas{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.area-item{background:var(--surface-elevated);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.area-item:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.area-item h3{color:var(--primary);font-size:1.3rem;margin-bottom:.8rem}.area-item p{color:var(--text-secondary);font-size:.95rem}.press-contacts{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.contact-method{background:var(--surface-elevated);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.contact-method h4{color:var(--primary);font-size:1.1rem;margin-bottom:.8rem}.contact-link{color:var(--primary-light);font-size:1.1rem;font-weight:600;text-decoration:none;transition:color .3s ease}.contact-link:hover{color:var(--primary);text-decoration:underline}.assets-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1.5rem}.asset-item{background:var(--surface-elevated);border:1px solid var(--border);border-radius:12px;padding:1.5rem;text-align:center;transition:transform .3s ease}.asset-item:hover{transform:translateY(-3px)}.download-button{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:8px;color:#fff;display:inline-block;font-weight:500;margin-top:1rem;padding:.6rem 1.5rem;text-decoration:none;transition:all .3s ease}.download-button:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.coverage-note{background:#667eea0d;border-left:3px solid var(--primary);border-radius:8px;color:var(--text-secondary);font-size:1rem;margin-top:1.5rem;padding:1.2rem}.coverage-note a{color:var(--primary);font-weight:600;text-decoration:none}.coverage-note a:hover{color:var(--primary-dark);text-decoration:underline}.press-footer{border-top:2px solid var(--border);margin-top:4rem;padding-top:2rem;text-align:center}.press-footer h3{color:var(--primary);font-size:2rem;margin-bottom:1rem}.press-footer p{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.footer-actions{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.footer-button{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:8px;color:#fff;display:inline-block;font-size:1rem;font-weight:600;padding:1rem 2.5rem;text-decoration:none;transition:all .3s ease}.footer-button:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-3px)}.footer-button.secondary{background:#0000;border:2px solid var(--primary);color:var(--primary)}.footer-button.secondary:hover{background:#667eea1a;border-color:var(--primary-dark)}@media (max-width:768px){.press-title{font-size:2rem}.press-subtitle{font-size:1.1rem}.content-card{padding:1.5rem}.assets-grid,.content-areas,.key-facts{grid-template-columns:1fr}.press-footer h3{font-size:1.5rem}.footer-actions{flex-direction:column;gap:1rem}.footer-button{width:100%}}.contact-page{background:var(--background);color:var(--text-primary);min-height:100vh;padding:2rem 0}.contact-container{margin:0 auto;max-width:1200px;padding:0 2rem}.contact-hero{margin-bottom:3rem;padding:3rem 0;text-align:center}.contact-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:3rem;font-weight:800;margin-bottom:1rem}.contact-subtitle{color:var(--text-secondary);font-size:1.3rem;font-weight:300}.contact-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-bottom:3rem}.contact-info-section{display:flex;flex-direction:column;gap:2rem}.info-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);padding:2rem}.info-icon{font-size:2.5rem}.info-card h3,.info-icon{margin-bottom:1rem;text-align:center}.info-card h3{color:var(--primary);font-size:1.5rem}.info-details{gap:1rem}.info-details,.info-item{display:flex;flex-direction:column}.info-item{gap:.3rem}.info-item strong{color:var(--text-primary);font-size:.95rem}.info-item a,.phone-number{color:var(--primary-light);font-weight:500;text-decoration:none;transition:color .3s ease}.info-item a:hover,.phone-number:hover{color:var(--primary);text-decoration:underline}.phone-note,.timezone-note{color:var(--text-tertiary);font-size:.85rem;margin-top:.5rem}.contact-form-section{display:flex;flex-direction:column}.form-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);padding:2.5rem}.form-card h2{color:var(--primary);font-size:2rem;margin-bottom:1rem}.form-description{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.contact-form{gap:1.5rem}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-size:.95rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:var(--surface-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.9rem 1.2rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:var(--surface-elevated);box-shadow:0 0 0 3px #667eea1a}.form-group textarea{min-height:150px}.submit-button{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.submit-button:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6}.form-status{animation:fadeIn .3s ease;border-radius:8px;font-weight:500;padding:1rem;text-align:center}.form-status.success{background:#10b9811a;border:1px solid #10b9814d;color:#10b981}.form-status.error{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.form-status.info{background:#6366f11a;border:1px solid #6366f14d;color:#6366f1}.faq-section{margin-top:3rem}.faq-content{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);padding:2.5rem}.faq-content h2{color:var(--primary);font-size:2rem;margin-bottom:2rem;text-align:center}.faq-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.faq-item{background:var(--surface-elevated);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.faq-question{color:var(--primary);font-size:1.1rem;font-weight:600;margin-bottom:.8rem}.faq-answer{color:var(--text-secondary);line-height:1.6}.faq-answer a{color:var(--primary-light);text-decoration:none}.faq-answer a:hover{text-decoration:underline}.quick-links-section{border-top:2px solid var(--border);margin-top:3rem;padding-top:3rem}.quick-links-section h2{color:var(--primary);font-size:2rem;margin-bottom:2rem;text-align:center}.quick-links-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.quick-link-card{align-items:center;background:#667eea0d;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;padding:2rem;text-align:center;text-decoration:none;transition:all .3s ease}.quick-link-card:hover{background:#667eea1a;border-color:var(--primary);box-shadow:0 8px 25px #667eea33;transform:translateY(-5px)}.quick-link-card .link-icon{font-size:3rem;margin-bottom:1rem}.quick-link-card h3{color:var(--primary);font-size:1.3rem;margin-bottom:.5rem}.quick-link-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.page-footer{border-top:1px solid var(--border);margin-top:3rem;padding-top:2rem;text-align:center}.footer-links{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.footer-links a{color:var(--primary);font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s ease}.footer-links a:hover{color:var(--primary-dark);text-decoration:underline}.footer-links .separator{color:var(--text-tertiary);font-size:.8rem}@media (max-width:968px){.contact-content{gap:2rem;grid-template-columns:1fr}.contact-title{font-size:2rem}.contact-subtitle{font-size:1.1rem}.faq-content,.form-card{padding:1.5rem}.faq-grid,.quick-links-grid{grid-template-columns:1fr}}.newsletter-confirm-page{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;justify-content:center;min-height:100vh;padding:2rem}.newsletter-confirm-container{max-width:600px;width:100%}.newsletter-confirm-card{background:#1e1e2f;background:var(--surface,#1e1e2f);border-radius:20px;box-shadow:0 10px 40px #0000004d;padding:3rem;text-align:center}.spinner-container{margin:2rem 0}.spinner{border:4px solid #667eea33;border-top-color:#667eea;height:60px;margin:0 auto;width:60px}.error-icon,.success-icon{animation:scaleIn .5s ease;font-size:4rem;margin-bottom:1rem}.newsletter-confirm-card h1{color:#e0e0e0;color:var(--text-primary,#e0e0e0);font-size:2rem;margin-bottom:1rem}.status-message{color:#b0b0b0;color:var(--text-secondary,#b0b0b0);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.success-content{background:#667eea0d;border:1px solid #667eea33;border-radius:12px;margin:2rem 0;padding:1.5rem;text-align:left}.success-content p{color:#e0e0e0;color:var(--text-primary,#e0e0e0);margin-bottom:1rem}.benefits-list{list-style:none;margin:0;padding:0}.benefits-list li{color:#b0b0b0;color:var(--text-secondary,#b0b0b0);font-size:1rem;padding:.5rem 0}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.primary-button,.secondary-button{border-radius:8px;display:inline-block;font-weight:600;padding:.875rem 2rem;text-decoration:none;transition:all .3s ease}.primary-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.primary-button:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.secondary-button{background:#667eea1a;border:2px solid #667eea;color:#667eea}.secondary-button:hover{background:#667eea33}@media (max-width:640px){.newsletter-confirm-card{padding:2rem 1.5rem}.newsletter-confirm-card h1{font-size:1.5rem}.action-buttons{flex-direction:column}.primary-button,.secondary-button{width:100%}}.create-page{background:var(--background);min-height:100vh;padding-top:80px}.create-container{margin:0 auto;max-width:1000px;padding:var(--spacing-xl)}.create-header{margin-bottom:var(--spacing-xl);text-align:center}.create-header h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-sm)}.create-header p{color:var(--text-secondary);font-size:1.125rem}.content-type-selector{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);margin-bottom:var(--spacing-xl)}.type-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;padding:var(--spacing-xl);text-align:center;transition:all var(--transition-fast)}.type-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.type-card.active{background:#4a90e20d;border-color:var(--primary)}.type-icon{color:var(--primary);font-size:2.5rem;margin-bottom:var(--spacing-md)}.type-card h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-xs)}.type-card p{color:var(--text-secondary);font-size:.875rem;margin:0}.article-form-container{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.form-steps{border-bottom:2px solid var(--border);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.step{align-items:center;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);opacity:.5;position:relative;transition:all var(--transition-fast)}.step:after{background:var(--border);content:"";height:2px;left:50%;position:absolute;top:18px;width:100%;z-index:-1}.step:last-child:after{display:none}.step.active,.step.completed{opacity:1}.step-icon{align-items:center;background:var(--background);border:2px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);display:flex;font-size:1.125rem;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.step.active .step-icon{background:var(--primary);border-color:var(--primary);color:#fff}.step.completed .step-icon{background:var(--success);border-color:var(--success);color:#fff}.step-title{color:var(--text-secondary);font-size:.8125rem;font-weight:600}.step.active .step-title{color:var(--primary)}.form-step{animation:fadeIn .3s ease-in}.step-header{margin-bottom:var(--spacing-xl)}.step-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-md)}.help-box{align-items:center;background:#4a90e21a;border-left:3px solid var(--primary);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:.9375rem;gap:var(--spacing-sm);padding:var(--spacing-md)}.help-box.success{background:#10b9811a;border-color:var(--success)}.form-group{margin-bottom:var(--spacing-xl)}.form-group label{color:var(--text-primary);display:block;font-size:.9375rem;font-weight:600;margin-bottom:var(--spacing-sm)}.form-group input[type=email],.form-group input[type=file],.form-group input[type=text],.form-group select,.form-group textarea{background:var(--background);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9375rem;padding:var(--spacing-md);transition:all var(--transition-fast);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4a90e21a;outline:none}.form-group textarea{font-family:inherit;resize:vertical}.char-count,.help-text{color:var(--text-tertiary);display:block;font-size:.8125rem;margin-top:var(--spacing-xs)}.char-count{text-align:right}.author-group{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-md)}.btn-secondary{background:#0000;border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.btn-secondary:hover{background:#4a90e20d;border-color:var(--primary);color:var(--primary)}.apa-examples{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.apa-examples h4{color:var(--text-primary);font-size:.9375rem;font-weight:600;margin-bottom:var(--spacing-md)}.apa-examples ul{list-style:none;margin:0;padding:0}.apa-examples li{color:var(--text-secondary);font-size:.875rem;line-height:1.6;padding:var(--spacing-sm) 0}.apa-examples li strong{color:var(--primary)}.review-section{background:var(--background);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.review-section h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-md)}.review-section p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-sm)}.checklist{list-style:none;margin:0;padding:0}.checklist li{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);padding:var(--spacing-sm)}.checklist li.complete{background:#10b9811a;color:var(--success)}.form-navigation{border-top:2px solid var(--border);display:flex;gap:var(--spacing-md);justify-content:space-between;margin-top:var(--spacing-xl);padding-top:var(--spacing-xl)}.btn{padding:var(--spacing-md) var(--spacing-xl)}.btn-primary{background:var(--primary)}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-md)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#059669;box-shadow:var(--shadow-md);transform:translateY(-2px)}.simple-form{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.radio-group{flex-direction:column}.radio-group,.radio-option{display:flex;gap:var(--spacing-md)}.radio-option{align-items:flex-start;border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;padding:var(--spacing-lg);transition:all var(--transition-fast)}.radio-option:hover{background:#4a90e20d;border-color:var(--primary)}.radio-option input[type=radio]{cursor:pointer;margin-top:2px}.radio-option input[type=radio]:checked~span{color:var(--primary)}.radio-option span{color:var(--text-primary);display:block;font-weight:600;margin-bottom:var(--spacing-xs)}.radio-option small{color:var(--text-secondary);display:block;font-size:.8125rem;font-weight:400}.section-with-images{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.section-images{border-top:1px dashed var(--border);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.images-label{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.images-preview{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:var(--spacing-md)}.image-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;position:relative}.image-item img{height:120px;object-fit:cover;width:100%}.image-item input{border:none;border-top:1px solid var(--border);font-size:.8125rem;padding:var(--spacing-sm);width:100%}.image-item .remove-image{align-items:center;background:var(--error);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;position:absolute;right:4px;top:4px;transition:opacity .2s;width:24px}.image-item:hover .remove-image{opacity:1}.image-input{font-size:.875rem}.cover-preview{display:inline-block;margin-bottom:var(--spacing-md);position:relative}.cover-preview img{border:2px solid var(--border);border-radius:var(--radius-md);max-height:200px;max-width:300px;object-fit:cover}.cover-preview button{align-items:center;background:var(--error);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:-8px;top:-8px;width:28px}@media (max-width:768px){.create-container{padding:var(--spacing-md)}.content-type-selector{gap:var(--spacing-md);grid-template-columns:1fr}.form-steps{overflow-x:auto}.step-title{display:none}.author-group{grid-template-columns:1fr}.form-navigation{flex-direction:column-reverse}.btn{width:100%}.images-preview{grid-template-columns:1fr 1fr}}.editpost-header-row{align-items:center;display:flex;gap:12px}.editpost-sections{display:flex;flex-direction:column;gap:12px}.editpost-section-title{font-weight:600;margin-bottom:8px}.editpost-section-images{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:12px;padding:var(--spacing-md)}.editpost-section-images-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:var(--spacing-md)}.editpost-section-images-title,.editpost-upload-btn{color:var(--text-primary);font-weight:600}.editpost-upload-btn{align-items:center;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.9rem;gap:6px;padding:10px 12px}.editpost-images-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.editpost-image-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.editpost-image-thumb{display:block;height:140px;object-fit:cover;width:100%}.editpost-image-fields{display:flex;flex-direction:column;gap:8px;padding:10px}.editpost-image-fields input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);padding:10px}.editpost-remove-image{align-self:flex-start}.editpost-images-empty{color:var(--text-secondary);font-size:.95rem}.comment-section{border-top:2px solid var(--border);margin-top:var(--spacing-2xl);padding-top:var(--spacing-2xl)}.comment-section-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-xl);margin-left:var(--spacing-xl)}.comment-form{gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.comment-avatar{border:2px solid var(--border)}.comment-input-wrapper{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-sm)}.comment-input{background:var(--background);border:2px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.9375rem;min-height:80px;padding:var(--spacing-md);resize:vertical;transition:all var(--transition-fast);width:100%}.comment-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.comment-submit-btn{align-items:center;align-self:flex-end;background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.comment-submit-btn:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.comment-submit-btn:disabled{cursor:not-allowed;opacity:.5}.comment-login-prompt{background:var(--background);border:2px dashed var(--border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);text-align:center}.comment-login-prompt p{color:var(--text-secondary);margin:0}.comment-login-inline{background:linear-gradient(135deg,#6366f10d,#a855f70d);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.9375rem;margin-bottom:var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:560px;padding:var(--spacing-lg);text-align:center;width:100%}.comment-login-inline .inline-link{color:var(--primary);font-weight:600;text-decoration:none;transition:color var(--transition-fast)}.comment-login-inline .inline-link:hover{color:var(--secondary);text-decoration:underline}.comments-list{gap:var(--spacing-xl)}.comment{display:flex;gap:var(--spacing-md)}.comment-content{min-width:0}.comment-header{margin-bottom:var(--spacing-sm)}.comment-author-info{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.comment-date,.comment-edited{font-size:.8125rem}.comment-edited{color:var(--text-tertiary);font-style:italic}.comment-text{margin:0;white-space:pre-wrap;word-break:break-word}.comment-actions{position:relative}.comment-menu-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.comment-menu-btn:hover{background:var(--background);color:var(--text-primary)}.comment-menu{animation:fadeIn .2s ease-out;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:150px;padding:var(--spacing-xs);position:absolute;right:0;top:100%;z-index:10}.menu-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9375rem;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:all var(--transition-fast);width:100%}.menu-item:hover{background:var(--background);color:var(--text-primary)}.menu-item.delete{color:var(--error)}.menu-item.delete:hover{background:#ef44441a}.comment-edit-form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.comment-edit-input{background:var(--background);border:2px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.9375rem;min-height:80px;padding:var(--spacing-md);resize:vertical;width:100%}.comment-edit-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.comment-edit-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.btn-cancel,.btn-save{border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.btn-cancel{background:#0000;border:1px solid var(--border);color:var(--text-secondary)}.btn-cancel:hover{background:var(--background)}.btn-save{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.btn-save:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (max-width:768px){.comment,.comment-form{gap:var(--spacing-sm)}.comment-avatar{height:36px;width:36px}.comment-input{min-height:60px}}.comment-footer{align-items:center;display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.comment-reactions{display:flex;gap:var(--spacing-xs)}.comment-reaction-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;display:flex;font-size:.875rem;gap:4px;padding:4px 8px;transition:all var(--transition-fast)}.comment-reaction-btn:hover:not(:disabled){background:var(--background);border-color:var(--primary)}.comment-reaction-btn.active{background:#6366f11a;border-color:var(--primary)}.comment-reaction-btn:disabled{cursor:not-allowed;opacity:.6}.comment-reply-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-xs);padding:4px 12px;transition:all var(--transition-fast)}.comment-reply-btn:hover{background:#6366f11a;color:var(--primary)}.reply-form{background:var(--background);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-md)}.reply-avatar{border-radius:var(--radius-full);flex-shrink:0;height:32px;object-fit:cover;width:32px}.reply-input-wrapper{align-items:center;display:flex;flex:1 1;gap:var(--spacing-sm)}.reply-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-primary);flex:1 1;font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md)}.reply-input:focus{border-color:var(--primary);outline:none}.reply-submit-btn{align-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.reply-submit-btn:hover:not(:disabled){transform:scale(1.1)}.reply-submit-btn:disabled{cursor:not-allowed;opacity:.5}.comment-replies{border-left:2px solid var(--border);margin-top:var(--spacing-md);padding-left:var(--spacing-lg)}.comment-reply{padding:var(--spacing-sm) 0}.comment-reply .comment-avatar{height:32px;width:32px}.article-page{background:var(--background);min-height:100vh;padding-top:80px}.article-page-inner{margin:0 auto;max-width:1400px;padding:0 2rem}.article-page-error,.article-page-loading{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100vh}.article-header{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1rem 0}.back-button:hover{color:var(--primary)}.header-actions{display:flex;gap:.5rem}.action-btn{background:none;border:1px solid var(--border);border-radius:8px;padding:.5rem;transition:all .2s}.action-btn:hover{background:var(--surface-elevated);color:var(--text-primary)}.article-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:250px 1fr;padding:2rem 0}.article-sidebar{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:80px}.section-nav{background:var(--surface);border-radius:12px;box-shadow:var(--shadow-sm);padding:1.5rem}.section-nav h4{color:var(--text-primary);font-size:.875rem;letter-spacing:.05em;margin:0 0 1rem;text-transform:uppercase}.section-nav a{border-radius:6px;color:var(--text-secondary);display:block;font-size:.875rem;margin:.25rem 0;padding:.5rem .75rem;text-decoration:none;transition:all .2s}.section-nav a.active,.section-nav a:hover{background:var(--surface-elevated);color:var(--primary)}.section-nav a.active{border-left:3px solid var(--primary);font-weight:600}.article-main{background:var(--surface);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden}.paper-header{border-bottom:1px solid var(--border);padding:3rem}.paper-category{border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem;padding:.25rem .75rem;text-transform:uppercase}.paper-title{color:var(--text-primary);font-family:Times New Roman,Georgia,serif;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 1.5rem}.paper-authors{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.author-affiliation,.paper-meta{font-size:.875rem}.paper-meta{color:var(--text-secondary);display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.paper-keywords,.paper-meta span{align-items:center;display:flex;gap:.5rem}.paper-keywords{flex-wrap:wrap}.paper-keywords strong{color:var(--text-primary);margin-right:.5rem}.keyword{background:var(--surface-elevated);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);font-size:.875rem;padding:.25rem .75rem}.paper-cover{margin:0;padding:0 3rem}.paper-cover img{border-radius:8px;max-height:500px;object-fit:cover;width:100%}.paper-content{background:var(--surface);color:var(--text-primary);font-family:Times New Roman,Georgia,serif;font-size:1rem;line-height:1.8;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:800px;padding:2.5rem 3rem}@media (max-width:768px){.paper-content{padding:1.5rem}}.paper-section{margin-bottom:2rem}.paper-section h2{border-bottom:2px solid var(--primary);color:var(--text-primary);font-size:1.25rem;font-weight:700;letter-spacing:.05em;margin:0 0 1rem;padding-bottom:.5rem;text-align:center;text-transform:uppercase}.paper-section#abstract,.paper-section#intro,.paper-section.abstract-section{background:var(--background);border-left:4px solid var(--primary);border-radius:var(--radius-md);margin-bottom:2rem;padding:1.5rem}.paper-section#abstract .section-content p,.paper-section#intro .section-content p,.paper-section.abstract-section .section-content p{font-style:italic;text-indent:0}.paper-section .section-content{text-align:justify}.paper-section .section-content p{font-size:1rem;line-height:1.8;margin:0 0 1rem;text-indent:2rem}.paper-section .section-content p:first-of-type{text-indent:0}.section-figure{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);margin:1.5rem auto;max-width:100%;overflow:hidden}.section-figure img{display:block;height:auto;width:100%}.section-figure figcaption{background:var(--surface);border-top:1px solid var(--border);color:var(--text-secondary);font-family:system-ui,-apple-system,sans-serif;font-size:.875rem;font-style:italic;padding:1rem;text-align:center}.paper-section .section-figures{margin:1.5rem 0}.paper-section p{margin:.75rem 0;text-align:justify;text-indent:1.5rem}.article-figure{margin:2rem 0;text-align:center}.article-figure img{border-radius:8px;box-shadow:var(--shadow-md);max-width:100%}.article-figure figcaption{margin-top:.75rem}.bibliography{column-span:all}.bibliography ol{column-count:1;padding-left:1.5rem}.bibliography li{font-size:.95rem;margin:.75rem 0}.article-comments{background:var(--surface-elevated);border-radius:var(--radius-lg);border-top:2px solid var(--primary);margin-top:3rem;padding:3rem}.article-comments h3{color:var(--text-primary);font-family:system-ui,-apple-system,sans-serif;margin:0 0 1.5rem}.submit-comment:hover{background:var(--primary-dark)}.comment-item{background:var(--surface)}.comment-date{color:var(--text-tertiary)}.comment-content p{font-family:system-ui,-apple-system,sans-serif}.login-to-comment{background:var(--surface)}.login-btn:hover{background:var(--primary-dark)}.register-btn{background:var(--surface-elevated)}.scientific-reactions{border-top:1px solid var(--border);column-span:all;margin-top:1.5rem;padding-top:1.5rem}.login-to-react{background:var(--surface-elevated);border:1px dashed var(--border);border-radius:8px;color:var(--text-secondary);column-span:all;font-size:.9rem;margin-top:1.5rem;padding:1rem 1.5rem;text-align:center}.login-to-react a{color:var(--primary);font-weight:600;text-decoration:none}.login-to-react a:hover{text-decoration:underline}.reactions-label{display:block;margin-bottom:.75rem}.reactions-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.reaction-btn{background:var(--surface-elevated);border:1px solid var(--border);border-radius:12px;gap:.25rem;padding:.75rem 1rem;transition:all .2s}.reaction-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.reaction-btn.active{background:var(--primary);background:var(--reaction-color,var(--primary));border-color:var(--reaction-color,var(--primary));color:#fff}.reaction-emoji{font-size:1.5rem}.reaction-btn.active .reaction-count{color:#fff}.article-actions{border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;padding-top:1.5rem}.article-action-btn{align-items:center;background:var(--surface-elevated);border:1px solid var(--border);border-radius:25px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.action-btn.active,.article-action-btn.active,.article-action-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}@media (max-width:1024px){.article-container{grid-template-columns:1fr;padding:1rem}.article-sidebar{display:none}.article-comments,.paper-content,.paper-header{padding:1.5rem}.paper-title{font-size:1.75rem}.article-actions,.reactions-buttons{justify-content:center}.paper-columns{column-count:1}}.section-figures{column-span:all;display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0}.section-figures .article-figure{flex:1 1 45%;min-width:280px}.section-content h2{color:var(--text-primary);column-span:all;font-size:1.25rem;font-weight:700;letter-spacing:.05em;margin:0 0 1rem;text-align:center;text-transform:uppercase}.section-content p{margin:0 0 1rem;orphans:3;text-indent:2rem;widows:3}.video-page{background:var(--background);color:var(--text-primary);min-height:100vh;padding-top:80px;position:relative;z-index:1}.video-page-error,.video-page-loading{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100vh}.back-link{color:#6366f1}.video-header{background:var(--surface);border-bottom:1px solid var(--border);padding:1rem 2rem}.back-button{transition:color .2s}.back-button:hover{color:#6366f1}.video-container{margin:0 auto;max-width:1200px;padding:2rem}.video-player-wrapper{background:#000;border-radius:12px;margin-bottom:1.5rem;overflow:hidden;position:relative}.video-player{cursor:pointer;position:relative;width:100%}.video-player video{display:block;width:100%}.play-overlay{background:#0000004d;bottom:0;left:0;right:0;top:0}.play-icon{color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));font-size:4rem}.video-controls{padding:2rem 1rem 1rem}.progress-bar{border-radius:2px;height:4px;margin-bottom:.75rem}.progress-fill{background:#6366f1;border-radius:2px;height:100%;transition:width .1s}.controls-left,.controls-right{gap:.5rem}.control-btn{background:none;border-radius:4px;font-size:1.25rem;padding:.5rem;transition:background .2s}.control-btn:hover{background:#ffffff1a}.time-display{font-size:.875rem;margin-left:.5rem}.video-info{border-bottom:1px solid #222;padding:1rem 0}.video-category{border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:.75rem;padding:.25rem .75rem;text-transform:uppercase}.video-title{font-size:1.5rem;font-weight:700;line-height:1.3;margin:0 0 .75rem}.video-meta{color:#aaa;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem}.video-actions{display:flex;gap:.75rem;margin-bottom:1.5rem}.video-actions .action-btn{align-items:center;background:#222;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:background .2s}.video-actions .action-btn:hover{background:#333}.video-author{align-items:center;background:#1a1a1a;border-radius:12px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.author-info span{color:#aaa}.video-description{background:#1a1a1a;border-radius:12px;padding:1rem}.video-description p{color:#ccc;line-height:1.6;margin:0}.video-comments{border-top:1px solid #222;margin-top:2rem;padding-top:1.5rem}.video-comments h3{font-size:1.125rem;margin:0 0 1.5rem}.comment-form{margin-bottom:2rem}.comment-form textarea{background:#1a1a1a;border:1px solid #333;color:#fff}.comment-form textarea::placeholder{color:#666}.comment-form textarea:focus{border-color:#6366f1}.submit-comment{background:#6366f1;border-radius:8px;transition:background .2s}.submit-comment:hover{background:#4f46e5}.comment-item{background:#1a1a1a;border-radius:8px}.comment-date{color:#666}.comment-content p{color:#ccc}.no-comments{color:#666}.login-to-comment{background:#1a1a1a;border:1px dashed #333;margin-bottom:2rem}.login-to-comment p{color:#999}.login-btn{background:#6366f1}.register-btn{background:#222;border:1px solid #333;color:#fff}.register-btn:hover{background:#333}.action-btn.active{background:#6366f1;border-color:#6366f1}@media (max-width:768px){.video-container,.video-header{padding:1rem}.video-title{font-size:1.25rem}}.video-reactions-bar{background:var(--surface);border:1px solid var(--border);padding:16px}.video-reactions-bar .reaction-btn{border-radius:24px;padding:10px 16px}.video-reactions-bar .reaction-emoji{font-size:1.25rem}.video-reactions-bar .reaction-count{font-weight:500}.meme-page{background:var(--background);min-height:100vh;padding-top:80px}.meme-page-error,.meme-page-loading{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100vh}.loading-spinner{border:3px solid var(--border);height:40px;width:40px}.back-link{border-radius:8px;padding:.5rem 1rem}.back-link,.meme-header{background:var(--surface)}.meme-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1rem 2rem}.back-button{color:var(--text-primary);display:inline-flex;transition:opacity .2s}.back-button:hover{opacity:.8}.header-actions .action-btn{background:var(--surface-hover);border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:1.25rem;padding:.5rem;transition:background .2s}.header-actions .action-btn:hover{background:var(--border)}.meme-container{margin:0 auto;max-width:700px;padding:2rem}.meme-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.meme-image-container{background:var(--background);position:relative}.meme-image{display:block;width:100%}.meme-info{padding:1.5rem}.meme-category{border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:.75rem;padding:.25rem .75rem;text-transform:uppercase}.meme-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1.3;margin:0 0 .75rem}.meme-meta{color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1.25rem}.meme-actions{border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.action-btn-large{align-items:center;background:var(--surface-hover);border:none;border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s}.action-btn-large:hover{background:var(--border);transform:translateY(-2px)}.action-btn-large.active{background:var(--primary);color:#fff}.action-btn-large svg{font-size:1.25rem}.meme-author{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.author-avatar{border-radius:50%;height:48px;object-fit:cover;width:48px}.author-info{display:flex;flex-direction:column}.author-info strong{color:var(--text-primary);font-size:1rem}.author-info span{color:var(--text-secondary);font-size:.875rem}.meme-description{color:var(--text-secondary);line-height:1.6;margin:0}.meme-comments{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 4px 20px #0000001a;margin-top:2rem;padding:1.5rem}.meme-comments h3{align-items:center;color:var(--text-primary);display:flex;gap:.5rem;margin:0 0 1.5rem}.comment-form{margin-bottom:1.5rem}.comment-form textarea{background:var(--background);border-radius:12px;font-size:1rem;margin-bottom:1rem;padding:1rem;resize:none}.comment-form textarea:focus{box-shadow:0 0 0 2px var(--primary)}.submit-comment{background:var(--primary);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:transform .2s,box-shadow .2s}.submit-comment:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.login-to-comment{border-radius:12px;margin-bottom:1.5rem;padding:2rem}.login-to-comment p{margin:0 0 1rem}.login-actions{gap:1rem}.login-btn,.register-btn{border-radius:8px;padding:.75rem 1.5rem;transition:all .2s}.comments-list{gap:1rem}.comment-item{background:var(--background);border-radius:12px;gap:1rem;padding:1rem}.comment-avatar{border-radius:50%}.comment-header{justify-content:space-between;margin-bottom:.5rem}.comment-header strong{color:var(--text-primary);font-size:.95rem}.comment-date{color:var(--text-secondary);font-size:.75rem}.comment-content p{color:var(--text-secondary);font-size:.95rem;margin:0}@media (max-width:768px){.meme-container,.meme-header{padding:1rem}.meme-title{font-size:1.25rem}.meme-actions{justify-content:center}.action-btn-large span{display:none}.action-btn-large{padding:.75rem}}.meme-reactions-bar{background:var(--surface);border:1px solid var(--border);border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;margin:16px 0;padding:16px}.meme-reactions-bar .reaction-btn{align-items:center;background:#0000;border:2px solid var(--border);border-radius:24px;color:var(--text-primary);cursor:pointer;display:flex;gap:6px;padding:10px 16px;transition:all .2s}.meme-reactions-bar .reaction-btn:disabled{cursor:not-allowed;opacity:.6}.meme-reactions-bar .reaction-btn:hover{background:#6366f11a;border-color:var(--primary)}.meme-reactions-bar .reaction-btn.active{background:#6366f133;border-color:var(--primary)}.meme-reactions-bar .reaction-emoji{font-size:1.25rem}.meme-reactions-bar .reaction-count{color:var(--text-secondary);font-size:.875rem;font-weight:500}.login-prompt-reactions{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px dashed var(--border);border-radius:12px;color:var(--text-secondary);font-size:.9rem;margin:1rem 0;padding:1rem 1.5rem;text-align:center}.login-prompt-reactions span{align-items:center;display:flex;gap:.5rem;justify-content:center}.reels-page{background:#000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.reels-loading{align-items:center;background:#000;color:#fff;display:flex;flex-direction:column;gap:1rem;height:100vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:3px solid #fff3;border-top-color:#6366f1}.reels-back{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:44px;justify-content:center;left:1rem;position:fixed;top:1rem;transition:background .2s;width:44px;z-index:100}.reels-back:hover{background:#000000b3}.reels-container{-webkit-overflow-scrolling:touch;height:100vh;overflow-y:scroll;scroll-behavior:smooth;scroll-snap-type:y mandatory}.reels-container::-webkit-scrollbar{display:none}.reel-item{background:#000;height:100vh;position:relative;scroll-snap-align:start;scroll-snap-stop:always;width:100%}.reel-video{height:100%;object-fit:cover;width:100%}.reel-overlay{background:linear-gradient(#0000,#000c);bottom:0;height:50%;left:0;pointer-events:none;position:absolute;right:0}.mute-indicator{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:60px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s;width:60px}.reel-item:hover .mute-indicator{opacity:1}.reel-actions{bottom:120px;gap:1.25rem;position:absolute;right:1rem;z-index:10}.reel-action,.reel-actions{display:flex;flex-direction:column}.reel-action{align-items:center;background:none;border:none;color:#fff;cursor:pointer;font-size:1.75rem;gap:.25rem;transition:transform .2s}.reel-action span{font-size:.75rem;font-weight:600}.reel-action:hover{transform:scale(1.1)}.reel-action.active{color:#ef4444}.reel-action.active svg{fill:#ef4444}.reel-info{bottom:2rem;left:1rem;position:absolute;right:80px;z-index:10}.reel-author{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.reel-author img{border:2px solid #fff;border-radius:50%;height:40px;object-fit:cover;width:40px}.author-name{color:#fff;font-size:1rem}.reel-category{border-radius:12px;color:#fff;font-size:.7rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.reel-title{color:#fff;font-size:1rem;font-weight:600;line-height:1.4;margin:0 0 .5rem}.reel-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fffc;display:-webkit-box;font-size:.875rem;margin:0;overflow:hidden}.reels-progress{display:flex;flex-direction:column;gap:.5rem;position:fixed;right:.5rem;top:50%;transform:translateY(-50%);z-index:100}.progress-dot{background:#fff6;border-radius:50%;cursor:pointer;height:6px;transition:all .2s;width:6px}.progress-dot.active{background:#fff;transform:scale(1.3)}.reel-comments-panel{animation:slideUp .3s ease-out;background:var(--surface);border-radius:20px 20px 0 0;bottom:0;display:flex;flex-direction:column;height:60vh;left:0;position:absolute;right:0;z-index:100}.comments-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1rem 1.5rem}.comments-header h4{color:var(--text-primary);margin:0}.comments-header button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.25rem}.comments-list{flex:1 1;padding:1rem 1.5rem}.no-comments{color:var(--text-tertiary);padding:2rem}.comments-list .comment-item{display:flex;gap:.75rem;margin-bottom:1rem}.comments-list .comment-item img{border-radius:50%;height:32px;object-fit:cover;width:32px}.comments-list .comment-content{flex:1 1}.comments-list .comment-content strong{color:var(--text-primary);display:block;font-size:.875rem;margin-bottom:.25rem}.comments-list .comment-content p{color:var(--text-secondary);font-size:.9rem;margin:0}.comment-form{border-top:1px solid var(--border);display:flex;gap:.5rem;padding:1rem 1.5rem}.comment-form input{background:var(--surface-elevated);border:1px solid var(--border);border-radius:20px;color:var(--text-primary);flex:1 1;font-size:.9rem;padding:.75rem 1rem}.comment-form input::placeholder{color:var(--text-tertiary)}.comment-form button{border-radius:20px;padding:.75rem 1.25rem}@media (max-width:768px){.reel-actions{bottom:100px}.reel-info{bottom:1.5rem;right:70px}.reels-progress{display:none}}.explore-page{background:var(--background);margin-top:-80px;min-height:100vh;padding-bottom:4rem}.explore-header{background:linear-gradient(135deg,var(--primary) 0,#8b5cf6 100%);margin-bottom:2rem;padding:100px 2rem 2rem;text-align:center}.explore-header-content h1{color:#fff;font-size:2.5rem;margin-bottom:.5rem;text-shadow:2px 2px 4px #0003}.explore-header-content p{color:#ffffffe6;font-size:1.1rem}.explore-encarta-layout{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:220px 1fr 220px;margin:0 auto;max-width:1400px;padding:0 1.5rem}.explore-sidebar{display:flex;flex-direction:column;gap:.75rem}.sidebar-title{border-bottom:2px solid var(--border);color:var(--text-primary);font-size:.75rem;font-weight:700;letter-spacing:1px;margin-bottom:.5rem;padding:.5rem 0;text-transform:uppercase}.category-card{align-items:center;background:var(--card-gradient);border:none;border-radius:12px;box-shadow:0 4px 15px #00000026;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.75rem;overflow:hidden;padding:1rem 1.25rem;position:relative;text-decoration:none;text-shadow:0 1px 3px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-card:before{background:#ffffff26;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.category-card.active:before,.category-card:hover:before{opacity:1}.category-card.active,.category-card:hover{box-shadow:0 6px 25px #00000040;transform:translateX(5px) scale(1.02)}.category-card-icon{filter:drop-shadow(0 2px 3px rgba(0,0,0,.2));font-size:1.5rem}.category-card-name{color:#fff;font-weight:700;text-shadow:0 1px 2px #0003}.explore-main{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 10px 40px #0000001a;min-height:400px;overflow:hidden}.explore-main-header{background:linear-gradient(135deg,var(--primary) 0,#8b5cf6 100%);padding:2rem;text-align:center}.main-logo{align-items:center;display:flex;gap:1rem;justify-content:center}.logo-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:3rem}.logo-text{display:flex;flex-direction:column;text-align:left}.logo-title{-webkit-text-fill-color:#fff;color:#fff!important;font-size:2rem;font-weight:800;letter-spacing:2px;text-shadow:2px 2px 4px #00000080}.logo-subtitle{-webkit-text-fill-color:#fff;color:#fff!important;font-size:1rem;font-weight:600;letter-spacing:4px;text-shadow:1px 1px 3px #00000080;text-transform:uppercase}.subcategories-panel{padding:1.5rem}.subcategories-title{border-bottom:2px solid var(--primary);color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:1rem;padding-bottom:.75rem}.subcategories-list{display:flex;flex-direction:column;gap:.5rem}.subcategory-item{align-items:center;background:var(--background);border:1px solid #0000;border-radius:10px;display:flex;gap:1rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s}.subcategory-item:hover{background:var(--surface-elevated);border-color:var(--primary);transform:translateX(8px)}.subcategory-icon{align-items:center;background:var(--surface);border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;font-size:1.5rem;height:40px;justify-content:center;width:40px}.subcategory-info{display:flex;flex-direction:column}.subcategory-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.subcategory-desc{color:var(--text-secondary);font-size:.8rem}.explore-welcome{padding:1rem;text-align:center}.welcome-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.welcome-card{align-items:center;border-radius:16px;color:#fff;display:flex;flex-direction:column;font-weight:600;justify-content:center;min-height:100px;padding:1.5rem;text-decoration:none;transition:all .3s}.welcome-card:hover{box-shadow:0 10px 30px #0003;transform:scale(1.05)}.welcome-card.games{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.welcome-card.tv{background:linear-gradient(135deg,#0ea5e9,#06b6d4)}.welcome-card.magazine{background:linear-gradient(135deg,#10b981,#34d399)}.welcome-card.library{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.welcome-icon{font-size:2.5rem;margin-bottom:.5rem}.welcome-hint,.welcome-label{font-size:.9rem}.welcome-hint{color:var(--text-primary);font-style:italic;opacity:.8}.explore-all-categories{margin:3rem auto 0;max-width:1400px;padding:0 1.5rem}.explore-all-categories h2{border-bottom:2px solid var(--border);color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.75rem}.categories-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.category-full-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:all .3s}.category-full-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-4px)}.category-full-header{align-items:center;background:var(--cat-color);color:#fff;display:flex;gap:.75rem;padding:1.25rem;text-decoration:none}.category-full-header .cat-icon{font-size:1.75rem}.category-full-header h3{font-size:1.1rem;font-weight:700}.category-full-subs{list-style:none;margin:0;padding:1rem}.category-full-subs li{border-bottom:1px solid var(--border);padding:.5rem 0}.category-full-subs li:last-child{border-bottom:none}.category-full-subs a{align-items:center;color:var(--text-primary);display:flex;font-size:.9rem;gap:.5rem;text-decoration:none;transition:color .2s}.category-full-subs a:hover{color:var(--primary)}.category-full-subs .see-more a{color:var(--primary);font-weight:600}@media (max-width:1024px){.explore-encarta-layout{gap:1rem;grid-template-columns:1fr}.explore-sidebar{flex-direction:row;flex-wrap:wrap;justify-content:center}.sidebar-title{text-align:center;width:100%}.category-card{flex:1 1;flex-direction:column;justify-content:center;max-width:200px;min-width:150px;padding:1rem;text-align:center}.category-card.active,.category-card:hover{transform:translateY(-5px) scale(1.02)}}@media (max-width:768px){.explore-header-content h1{font-size:1.75rem}.explore-encarta-layout{display:none}.categories-grid,.welcome-grid{grid-template-columns:1fr}}@media (prefers-color-scheme:dark){.explore-main-header{background:linear-gradient(135deg,#1a1a2e,#16213e)}.logo-subtitle{color:#a78bfa}}@media (prefers-color-scheme:light){.explore-main-header{background:linear-gradient(135deg,var(--primary) 0,#8b5cf6 100%)}.logo-subtitle{color:#ffffffd9}}.search-page{margin:0 auto;max-width:1100px;padding:var(--spacing-xl) var(--spacing-lg)}.search-page-header{margin-bottom:var(--spacing-lg)}.search-title{color:var(--text-primary);font-size:1.75rem;margin:0 0 var(--spacing-xs) 0}.search-subtitle{color:var(--text-secondary);margin:0}.search-query{color:var(--text-primary);font-weight:600}.search-state{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.search-error{color:var(--error)}.search-results{display:flex;flex-direction:column;gap:var(--spacing-md)}.search-section{margin-top:16px}.search-section-title{color:var(--text-primary);font-size:16px;font-weight:700;margin:0 0 10px}.search-pages{display:flex;flex-wrap:wrap;gap:8px}.search-page-link{align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);display:inline-flex;padding:8px 10px;text-decoration:none}.search-page-link:hover{background:var(--hover-bg)}.search-users{display:flex;flex-direction:column;gap:10px}.search-user{align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);display:flex;gap:10px;padding:10px;text-decoration:none}.search-user:hover{background:var(--hover-bg)}.search-user-avatar{align-items:center;border:1px solid var(--border-color);border-radius:999px;display:flex;font-weight:700;height:40px;justify-content:center;object-fit:cover;width:40px}.search-user-info{display:flex;flex-direction:column;gap:2px}.search-user-name{font-weight:700}.search-user-handle{color:var(--text-muted);font-size:13px}.library-page{background:var(--background);margin-top:-80px;min-height:100vh}.library-hero{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);overflow:hidden;padding:140px 40px 60px;position:relative;text-align:center}.library-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;position:absolute;right:0;top:0}.library-hero-content{position:relative;z-index:2}.library-icon{animation:float 3s ease-in-out infinite;font-size:64px;margin-bottom:16px}.library-hero h1{color:#fff;font-size:48px;font-weight:800;margin-bottom:16px}.library-hero p{color:#ffffffe6;font-size:18px;margin:0 auto 32px;max-width:500px}.library-search{margin:0 auto;max-width:500px;position:relative}.library-search .search-icon{color:var(--text-tertiary);font-size:20px;left:20px;position:absolute;top:50%;transform:translateY(-50%)}.library-search input{background:var(--surface);border:1px solid var(--border);border-radius:50px;color:var(--text-primary);font-size:16px;padding:16px 20px 16px 50px;transition:all .3s ease;width:100%}.library-search input::placeholder{color:var(--text-tertiary)}.library-search input:focus{border-color:var(--primary);box-shadow:0 0 20px #4a90e24d;outline:none}.library-shelves{bottom:0;height:60px;pointer-events:none}.library-shelves,.shelf{left:0;position:absolute;right:0}.shelf{background:linear-gradient(180deg,#8b6914 0,#5c4a0f);box-shadow:0 2px 10px #0000004d;height:8px}.shelf:first-child{bottom:0}.shelf:nth-child(2){bottom:20px;opacity:.5}.shelf:nth-child(3){bottom:40px;opacity:.3}.library-stats{background:var(--surface);border-bottom:1px solid var(--border);display:flex;gap:60px;justify-content:center;padding:40px 20px}.stat-item{gap:16px}.stat-icon{color:var(--primary);font-size:28px}.stat-info{display:flex;flex-direction:column}.stat-number{color:var(--text-primary);font-size:28px;font-weight:700}.stat-label{font-size:14px}.library-collections{margin:0 auto;max-width:1400px;padding:60px 40px}.library-collections h2{color:var(--text-primary);font-size:32px;margin-bottom:8px}.section-desc{margin-bottom:32px}.collections-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.collection-card{background:var(--surface);border:1px solid var(--border);border-radius:4px 16px 16px 4px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;min-height:200px;overflow:hidden;padding:24px;position:relative;text-decoration:none;transition:all .3s ease}.collection-card:hover{border-color:var(--primary);box-shadow:var(--shadow-xl);transform:translateY(-5px) rotateY(-3deg)}.collection-spine{background:var(--primary);background:var(--collection-color,var(--primary));border-radius:4px 0 0 4px;bottom:0;left:0;position:absolute;top:0;width:8px}.collection-content{flex:1 1;padding-left:16px}.collection-icon{display:block;font-size:36px;margin-bottom:16px}.collection-card h3{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:8px}.collection-card p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:16px}.collection-count{color:var(--primary);font-size:13px;font-weight:600}.collection-decoration{bottom:16px;position:absolute;right:16px}.book-stack{display:flex;gap:4px}.mini-book{border-radius:2px;height:40px;transform:skewX(-5deg);width:12px}.library-featured{background:var(--surface-elevated);border-top:1px solid var(--border);margin:0 auto;max-width:1400px;padding:60px 40px}.library-featured h2{color:var(--text-primary);font-size:32px;margin-bottom:8px}.featured-books{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:32px}.book-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;text-decoration:none;transition:all .3s ease}.book-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.book-cover{aspect-ratio:3/4;background:var(--border);overflow:hidden}.book-cover img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.book-card:hover .book-cover img{transform:scale(1.05)}.book-info{padding:16px}.book-info h4{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:4px}.book-author{color:var(--text-secondary);font-size:13px;margin-bottom:8px}.book-reading-time{align-items:center;color:var(--primary);display:flex;font-size:12px;gap:6px}.no-featured{background:var(--surface);border:1px dashed var(--border);border-radius:12px;color:var(--text-secondary);grid-column:1/-1;padding:60px;text-align:center}.library-cta{background:linear-gradient(135deg,var(--primary),var(--primary-dark));padding:60px 40px}.cta-content{margin:0 auto;max-width:600px;text-align:center}.cta-content h3{color:#fff;font-size:28px;margin-bottom:12px}.cta-content p{color:#ffffffe6;margin-bottom:24px}.btn{border-radius:50px;display:inline-block;font-weight:600;padding:14px 32px;transition:all .3s ease}.btn-primary{background:#fff;color:var(--primary-dark)}.btn-primary:hover{box-shadow:0 10px 30px #0003;transform:translateY(-2px)}.library-loading{align-items:center;background:var(--background);color:var(--text-primary);display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.loading-spinner{border:4px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:50px;width:50px}@media (max-width:768px){.library-hero{padding:60px 20px}.library-hero h1{font-size:32px}.library-stats{flex-wrap:wrap;gap:30px}.library-collections,.library-cta,.library-featured{padding:40px 20px}.collections-grid{grid-template-columns:1fr}}.magazine-page{background:var(--background);margin-top:-80px;min-height:100vh}.magazine-hero{align-items:center;background:linear-gradient(135deg,var(--primary-dark),var(--primary));display:flex;justify-content:space-between;min-height:100vh;overflow:hidden;padding:140px 60px 80px;position:relative}.hero-background{inset:0;position:absolute;z-index:0}.hero-bg-image{filter:blur(20px) brightness(.4);height:100%;object-fit:cover;width:100%}.hero-overlay{background:linear-gradient(135deg,#000000b3,#00000080 50%,#0000004d);inset:0;position:absolute}.hero-content{flex:1 1;max-width:600px}.magazine-badge{display:flex;gap:12px;margin-bottom:24px}.badge-new{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;font-weight:700;letter-spacing:1px}.badge-new,.badge-weekly{border-radius:50px;font-size:12px;padding:6px 16px}.badge-weekly{background:#fff3;color:#ffffffe6;font-weight:500}.magazine-title-container{margin-bottom:24px}.magazine-brand{color:#fffc;display:block;font-size:16px;font-weight:600;letter-spacing:8px;margin-bottom:8px}.magazine-main-title{color:#fff;font-family:Georgia,serif;font-size:72px;font-style:italic;font-weight:800;line-height:1;margin:0}.current-edition-info{align-items:center;display:flex;gap:24px;margin-bottom:24px}.edition-number{color:#f97316;font-size:14px;font-weight:700}.edition-date{align-items:center;color:#fffc;display:flex;font-size:14px;gap:8px}.edition-headline{color:#fff;font-size:32px;font-weight:600;margin-bottom:12px}.edition-subtitle{color:#fffc;font-size:18px;line-height:1.6;margin-bottom:32px}.btn-read-magazine{align-items:center;background:#fff;border-radius:50px;color:var(--primary-dark);display:inline-flex;font-size:16px;font-weight:600;gap:12px;padding:16px 36px;text-decoration:none;transition:all .3s ease}.btn-read-magazine:hover{box-shadow:0 15px 40px #0000004d;transform:translateY(-3px)}.magazine-cover-3d{perspective:1000px;position:relative;z-index:2}.cover-wrapper{animation:float-magazine 4s ease-in-out infinite;height:480px;position:relative;transform:rotateY(-15deg);transform-style:preserve-3d;width:350px}@keyframes float-magazine{0%,to{transform:rotateY(-15deg) translateY(0)}50%{transform:rotateY(-15deg) translateY(-15px)}}.cover-front{background:var(--surface);border-radius:4px 16px 16px 4px;box-shadow:10px 10px 30px #0006;height:100%;overflow:hidden;position:absolute;width:100%}.cover-front img{height:100%;object-fit:cover;width:100%}.cover-overlay{background:linear-gradient(180deg,#0000 50%,#000c);display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:24px;position:absolute}.cover-brand{color:#fff;font-size:24px;font-weight:800;letter-spacing:4px}.cover-edition{color:#fffc;font-size:48px;font-weight:200}.cover-spine{background:linear-gradient(to right,var(--surface-elevated),var(--surface));border-radius:4px 0 0 4px;height:100%;left:-20px;position:absolute;top:0;transform:rotateY(90deg);transform-origin:right;width:20px}.cover-pages{display:flex;flex-direction:column;height:90%;position:absolute;right:-10px;top:5%;width:10px}.cover-pages .page{background:linear-gradient(90deg,#f0f0f0,#e0e0e0);flex:1 1;margin:1px 0}.current-articles{background:var(--surface);padding:80px 60px}.section-header{margin-bottom:48px;text-align:center}.section-header h2{font-size:36px;margin-bottom:8px}.section-header p{color:var(--text-secondary);font-size:16px}.articles-list{background:var(--border);border-radius:16px;display:flex;flex-direction:column;gap:1px;margin:0 auto;max-width:800px;overflow:hidden}.article-item{align-items:center;background:var(--surface);display:flex;gap:24px;padding:24px 32px;text-decoration:none;transition:all .3s ease}.article-item:hover{background:var(--surface-elevated)}.article-item.featured{background:linear-gradient(135deg,#4a90e21a,#4a90e20d)}.article-number{color:var(--text-tertiary);font-size:32px;font-weight:200;width:60px}.article-content{flex:1 1}.article-content h3{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:4px}.article-author{color:var(--text-secondary);font-size:14px}.featured-badge{align-items:center;color:#f59e0b;display:flex;font-size:13px;font-weight:500;gap:6px}.article-arrow{color:var(--text-tertiary);font-size:20px}.magazine-subscribe{background:linear-gradient(135deg,var(--primary),var(--primary-dark));padding:80px 60px}.subscribe-content{margin:0 auto;max-width:500px;text-align:center}.subscribe-icon{font-size:48px;margin-bottom:20px}.subscribe-content h3{color:#fff;font-size:28px;margin-bottom:12px}.subscribe-content p{color:#ffffffe6;margin-bottom:24px}.subscribe-form{display:flex;gap:12px}.subscribe-form input{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50px;color:#fff;flex:1 1;font-size:15px;padding:14px 20px}.subscribe-form input::placeholder{color:#fff9}.subscribe-form input:focus{border-color:#fff;outline:none}.subscribe-form button{background:#fff;border:none;border-radius:50px;color:var(--primary-dark);cursor:pointer;font-weight:600;padding:14px 28px;transition:all .3s ease}.subscribe-form button:hover{box-shadow:0 10px 30px #0003;transform:translateY(-2px)}.past-editions{background:var(--background);padding:80px 60px}.editions-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:0 auto;max-width:1200px}.edition-card{text-decoration:none;transition:transform .3s ease}.edition-card:hover{transform:translateY(-10px)}.edition-cover{aspect-ratio:3/4;border-radius:8px;box-shadow:var(--shadow-lg);margin-bottom:16px;overflow:hidden;position:relative}.edition-cover img{height:100%;object-fit:cover;width:100%}.edition-badge{background:#000c;border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:6px 12px;position:absolute;right:12px;top:12px}.edition-info h4{color:var(--text-primary);font-size:18px;margin-bottom:4px}.edition-info .edition-date{color:var(--text-secondary);font-size:14px}.no-past-editions{color:var(--text-secondary);padding:60px;text-align:center}.magazine-footer{background:var(--surface);border-top:1px solid var(--border);padding:60px;text-align:center}.footer-brand{display:flex;flex-direction:column;gap:8px}.brand-name{color:var(--text-primary);font-size:24px;font-weight:700;letter-spacing:4px}.brand-tagline{color:var(--text-secondary);font-size:14px;font-style:italic}.magazine-loading{align-items:center;background:var(--background);color:var(--text-primary);display:flex;flex-direction:column;gap:24px;justify-content:center;min-height:100vh}.loading-magazine{height:80px;position:relative;width:60px}.magazine-pages .page{animation:flip-page 1.5s ease-in-out infinite;background:var(--primary);border-radius:4px;height:100%;position:absolute;width:100%}.magazine-pages .page:nth-child(2){animation-delay:.1s}.magazine-pages .page:nth-child(3){animation-delay:.2s}@keyframes flip-page{0%,to{transform:rotateY(0deg)}50%{transform:rotateY(30deg)}}@media (max-width:1024px){.magazine-hero{flex-direction:column;min-height:auto;padding:60px 20px}.magazine-cover-3d{margin-top:60px}.cover-wrapper{height:380px;width:280px}.magazine-main-title{font-size:48px}}@media (max-width:768px){.current-articles,.magazine-subscribe,.past-editions{padding:40px 20px}.article-item{padding:16px}.article-number{font-size:24px;width:40px}.subscribe-form{flex-direction:column}}.tv-page{background:var(--background);min-height:100vh}.video-modal{background:#000;left:0;position:fixed;top:0;z-index:9999}.video-modal,.video-modal-content{align-items:center;display:flex;height:100%;justify-content:center}.video-modal-content{position:relative;width:100%}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.video-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s;width:50px;z-index:10000}.video-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.custom-video-player{align-items:center;background:#000;display:flex;height:100%;justify-content:center;position:relative;width:100%}.custom-video-player video{cursor:pointer;display:block;height:auto;max-height:85%;max-width:90%;object-fit:contain;width:auto}.video-watermark{align-items:center;color:#ffffffb3;display:flex;font-size:14px;font-weight:700;gap:8px;left:20px;letter-spacing:1px;pointer-events:none;position:absolute;text-shadow:0 2px 4px #00000080;top:20px}.video-controls{background:linear-gradient(0deg,#000000e6 0,#0000);opacity:0;padding:60px 20px 20px;transition:opacity .3s}.custom-video-player:hover .video-controls{opacity:1}.progress-bar{margin-bottom:16px}.progress-filled{background:linear-gradient(90deg,#ef4444,#f97316)}.controls-bottom{align-items:center;display:flex;justify-content:space-between}.controls-left,.controls-right{gap:12px}.control-btn{height:40px;width:40px}.control-btn:hover{background:#ffffff26}.control-btn.play-pause{background:#ffffff1a;font-size:24px;height:48px;width:48px}.control-btn.play-pause:hover{background:#fff3}.time-display{color:#fffc;font-family:monospace;font-size:14px}.video-title{color:#fff;font-size:14px;font-weight:600;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-container{position:relative}.settings-menu{border:1px solid #ffffff1a;bottom:50px}.settings-option.active{color:#fff}.tv-hero{align-items:flex-end;display:flex;margin-bottom:0;margin-top:0;min-height:60vh;overflow:hidden;padding:100px 60px 40px;position:relative}.tv-hero .hero-background{inset:0;position:absolute;z-index:0}.tv-hero .hero-background img{height:100%;object-fit:cover;width:100%}.tv-hero .hero-gradient{background:linear-gradient(to top,var(--background) 0,#0000 50%),linear-gradient(to right,#000c 0,#0000 60%);inset:0;position:absolute}.tv-hero .hero-content{max-width:600px;position:relative;z-index:2}.tv-logo{align-items:center;display:flex;gap:12px;margin-bottom:24px}.tv-icon{color:#ef4444;font-size:32px}.tv-logo span{color:#fff;font-size:24px;font-weight:800;letter-spacing:2px}.featured-label{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:4px;display:inline-block;font-size:12px;font-weight:700;letter-spacing:2px;padding:6px 16px}.featured-label,.tv-hero h1{color:#fff;margin-bottom:16px}.tv-hero h1{font-size:56px;font-weight:800;line-height:1.1}.tv-hero .hero-content>p{color:#ffffffe6;font-size:18px;line-height:1.6;margin-bottom:20px}.hero-meta{gap:20px;margin-bottom:32px}.hero-meta,.meta-item{align-items:center;display:flex}.meta-item{color:#fffc;font-size:14px;gap:8px}.category-tag{background:#fff3;padding:6px 12px}.hero-actions{gap:16px}.btn-watch{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:10px;padding:16px 32px;text-decoration:none;transition:all .3s ease}.btn-watch:hover{background:#dc2626;transform:scale(1.05)}.btn-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:8px;color:#fff;display:inline-flex;font-size:16px;font-weight:600;padding:16px 32px;text-decoration:none;transition:all .3s ease}.btn-info:hover{background:#ffffff4d}.tv-scanlines{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000001a 0,#0000001a 4px);inset:0;opacity:.3;pointer-events:none;position:absolute;z-index:3}.tv-categories{background:var(--surface);border-bottom:1px solid var(--border);margin-top:0;padding:16px 60px;position:-webkit-sticky;position:sticky;top:60px;z-index:10}.categories-wrapper{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none}.categories-wrapper::-webkit-scrollbar{display:none}.category-btn{background:var(--surface-elevated);border:1px solid var(--border);border-radius:50px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .3s ease;white-space:nowrap}.category-btn:hover{background:var(--border);color:var(--text-primary)}.category-btn.active{background:#ef4444;border-color:#ef4444;color:#fff}.tv-shows{padding:60px}.section-header{margin-bottom:32px}.section-header h2{font-size:28px}.shows-count{color:var(--text-secondary);font-size:14px}.shows-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.show-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;text-decoration:none;transition:all .3s ease}.show-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.show-thumbnail{aspect-ratio:16/9;overflow:hidden;position:relative}.show-thumbnail img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.show-card:hover .show-thumbnail img{transform:scale(1.1)}.play-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.show-card:hover .play-overlay{opacity:1}.play-button{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:24px;height:60px;justify-content:center;transform:scale(.8);transition:transform .3s ease;width:60px}.show-card:hover .play-button{transform:scale(1)}.episode-count{background:#000c;border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:6px 10px;position:absolute;right:12px;top:12px}.show-info{padding:20px}.show-info h3{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:8px}.show-info p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:16px}.show-meta{justify-content:space-between}.show-rating{align-items:center;color:#fbbf24;display:flex;font-size:14px;font-weight:600;gap:6px}.show-category{color:var(--text-tertiary);font-size:13px}.tv-continue{background:var(--surface);border-top:1px solid var(--border);padding:40px 60px}.see-all{color:#ef4444;font-size:14px;gap:6px}.continue-message{background:var(--surface-elevated);border:1px dashed var(--border);border-radius:16px;padding:40px;text-align:center}.continue-message p{color:var(--text-secondary);margin-bottom:16px}.btn-login{background:#ef4444;border-radius:50px;color:#fff;display:inline-block;font-weight:600;padding:12px 28px;text-decoration:none;transition:all .3s ease}.btn-login:hover{background:#dc2626}.tv-upcoming{padding:60px}.upcoming-banner{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:20px;display:flex;justify-content:space-between;overflow:hidden;padding:48px;position:relative}.upcoming-content{position:relative;z-index:2}.coming-soon{background:#fff3;border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:700;letter-spacing:2px;margin-bottom:16px;padding:6px 16px}.upcoming-content h3{color:#fff;font-size:32px;margin-bottom:12px}.upcoming-content p{color:#ffffffe6;font-size:16px;margin-bottom:24px}.btn-notify{background:#fff3;border:1px solid #fff6;border-radius:50px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s ease}.btn-notify:hover{background:#ffffff4d}.upcoming-decoration{display:flex;font-size:48px;gap:20px}.upcoming-decoration span{animation:float-icons 3s ease-in-out infinite}.upcoming-decoration .planet{animation-delay:.5s}.upcoming-decoration .rocket{animation-delay:1s}@keyframes float-icons{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tv-loading{align-items:center;background:var(--background);color:var(--text-primary);display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.tv-icon-loading{animation:pulse 1.5s ease-in-out infinite;color:#ef4444;font-size:64px}@media (max-width:1024px){.tv-hero{min-height:70vh;padding:40px}.tv-hero h1{font-size:40px}}@media (max-width:768px){.tv-hero{min-height:60vh;padding:20px}.tv-hero h1{font-size:28px}.hero-actions{flex-direction:column}.tv-categories{padding:16px 20px}.tv-continue,.tv-shows,.tv-upcoming{padding:40px 20px}.upcoming-banner{flex-direction:column;padding:32px;text-align:center}.upcoming-decoration{margin-top:24px}}.tvshow-page{background:var(--background);min-height:100vh}.tvshow-loading,.tvshow-not-found{color:var(--text-secondary);flex-direction:column;gap:1rem;min-height:100vh}.loading-spinner,.tvshow-loading,.tvshow-not-found{align-items:center;display:flex;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;color:var(--primary);font-size:2rem;height:60px;width:60px}.tvshow-hero{display:flex;flex-direction:column;justify-content:flex-end;min-height:70vh;overflow:hidden;padding:3rem;position:relative}.tvshow-hero .hero-background{bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.tvshow-hero .hero-background img{height:100%;object-fit:cover;width:100%}.tvshow-hero .hero-gradient{background:linear-gradient(to bottom,#0000004d 0,#00000080 50%,var(--background) 100%);bottom:0;left:0;position:absolute;right:0;top:0}.back-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:1px solid #ffffff1a;border-radius:50px;color:#fff;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;left:2rem;padding:.75rem 1.25rem;position:absolute;text-decoration:none;top:100px;transition:all .3s ease;z-index:10}.back-button:hover{background:#fff3;transform:translateX(-5px)}.tvshow-hero .hero-content{max-width:800px;position:relative;z-index:5}.show-badge{align-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:4px;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.show-badge,.tvshow-hero h1{color:#fff;margin-bottom:1rem}.tvshow-hero h1{font-size:3.5rem;font-weight:800;text-shadow:0 2px 20px #00000080}.show-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.show-meta .meta-item{align-items:center;color:#fffc;display:flex;font-size:.95rem;gap:.4rem}.show-meta .rating{background:#ffffff26;border:1px solid #ffffff4d;border-radius:4px;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.show-description{color:#ffffffe6;font-size:1.1rem;line-height:1.7;margin-bottom:2rem;max-width:700px}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.btn-play{align-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50px;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.btn-play:hover{box-shadow:0 10px 30px #ec489966;transform:scale(1.05)}.btn-favorite{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:1rem 1.5rem;transition:all .3s ease}.btn-favorite:hover{background:#fff3}.btn-favorite.active{background:var(--primary);border-color:var(--primary)}.btn-favorite.active svg{fill:#fff}.btn-share{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;font-size:1.2rem;height:50px;justify-content:center;width:50px}.btn-share:hover{background:#fff3;transform:scale(1.1)}.episodes-section{padding:2rem 3rem}.episodes-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.season-selector{position:relative}.season-selector select{-webkit-appearance:none;appearance:none;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2.5rem .75rem 1rem}.season-selector .select-icon{color:var(--text-secondary);pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.episodes-count{color:var(--text-secondary);font-size:.95rem}.episodes-list{display:flex;flex-direction:column;gap:1rem}.episode-card{background:var(--surface);border:1px solid var(--border);display:flex;gap:1.5rem;padding:1rem;transition:all .3s ease}.episode-card:hover{background:var(--surface-hover);border-color:var(--primary);transform:translateX(10px)}.episode-thumbnail{aspect-ratio:16/9;border-radius:8px;min-width:200px;overflow:hidden;width:200px}.episode-thumbnail img{height:100%;object-fit:cover;width:100%}.episode-play{align-items:center;background:#000000b3;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:50px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:50px}.episode-card:hover .episode-play{opacity:1}.episode-duration{background:#000c;border-radius:4px;bottom:8px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem;position:absolute;right:8px}.episode-info{display:flex;flex:1 1;flex-direction:column;justify-content:center}.episode-number{color:var(--text-secondary);font-size:.85rem;font-weight:500;margin-bottom:.25rem}.episode-info h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.episode-info p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.9rem;line-height:1.5;overflow:hidden}.more-like-this{padding:2rem 3rem 4rem}.more-like-this h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:1.5rem}.related-shows{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.related-card{aspect-ratio:16/9;border-radius:12px;overflow:hidden;position:relative}.related-card img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.related-overlay{align-items:center;background:#0006;bottom:0;color:#fff;display:flex;font-size:2rem;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease}.related-card:hover img{transform:scale(1.1)}.related-card:hover .related-overlay{opacity:1}@media (max-width:1024px){.tvshow-hero{min-height:60vh;padding:2rem}.tvshow-hero h1{font-size:2.5rem}.episodes-section,.more-like-this{padding:1.5rem}.episode-thumbnail{min-width:150px;width:150px}}@media (max-width:768px){.tvshow-hero{min-height:50vh;padding:1.5rem}.back-button{font-size:.85rem;left:1rem;padding:.5rem 1rem;top:80px}.tvshow-hero h1{font-size:2rem}.show-description{font-size:1rem}.hero-actions{flex-direction:column}.btn-favorite,.btn-play{justify-content:center;width:100%}.btn-share{display:none}.episodes-section .section-header{align-items:flex-start;flex-direction:column;gap:1rem}.episode-card{flex-direction:column}.episode-thumbnail{max-width:none;width:100%}}@media (max-width:480px){.tvshow-hero h1{font-size:1.75rem}.show-meta{gap:.5rem}.show-meta .meta-item{font-size:.8rem}.related-shows{grid-template-columns:repeat(2,1fr)}}.tv-player-loading,.tv-player-page{background:#000;min-height:100vh}.tv-player-loading{align-items:center;color:#fff;display:flex;flex-direction:column;gap:16px;justify-content:center}.tv-player-loading .loading-spinner{animation:pulse 1.5s ease-in-out infinite;color:#ef4444;font-size:48px}.tv-player-container{background:#000;height:100vh;overflow:hidden;position:relative;width:100vw}.tv-player-container video{cursor:pointer;height:100%;object-fit:contain;width:100%}.player-controls-overlay{display:flex;flex-direction:column;inset:0;justify-content:space-between;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.player-controls-overlay.visible,.tv-player-container.controls-visible .player-controls-overlay{opacity:1;pointer-events:auto}.player-top-bar{background:linear-gradient(180deg,#000c 0,#0000);justify-content:space-between;padding:20px 30px}.back-to-tv,.player-top-bar{align-items:center;display:flex}.back-to-tv{color:#fff;font-size:14px;font-weight:500;gap:10px;opacity:.9;text-decoration:none;transition:opacity .2s}.back-to-tv:hover{opacity:1}.back-to-tv svg{font-size:20px}.player-logo{align-items:center;color:#ffffffb3;display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:1px}.player-center{flex:1 1}.big-play-btn,.player-center{align-items:center;display:flex;justify-content:center}.big-play-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:32px;height:80px;transition:all .2s;width:80px}.big-play-btn:hover{background:#ffffff4d;transform:scale(1.1)}.player-bottom-bar{background:linear-gradient(0deg,#000000e6 0,#0000);padding:20px 30px 30px}.episode-info-bar{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.show-title{color:#ffffffb3;font-size:14px;font-weight:500}.episode-title{color:#fff;font-size:18px;font-weight:600}.progress-bar-container{align-items:center;display:flex;gap:12px;margin-bottom:16px}.time-current,.time-duration{color:#fffc;font-family:monospace;font-size:13px;min-width:50px}.time-duration{text-align:right}.progress-bar{background:#ffffff4d;border-radius:3px;cursor:pointer;flex:1 1;height:5px;position:relative;transition:height .2s}.progress-bar:hover{height:8px}.progress-filled{background:#ef4444;border-radius:3px;height:100%;transition:width .1s linear}.progress-thumb{background:#ef4444;border-radius:50%;box-shadow:0 2px 6px #0000004d;height:14px;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s;width:14px}.progress-bar:hover .progress-thumb{opacity:1}.controls-row{justify-content:space-between}.controls-left,.controls-right{align-items:center;display:flex;gap:8px}.control-btn{border-radius:50%;font-size:20px;height:44px;transition:all .2s;width:44px}.control-btn:hover:not(:disabled){background:#ffffff26}.control-btn:disabled{cursor:not-allowed;opacity:.3}.play-pause-btn{background:#ffffff1a;font-size:24px;height:52px;width:52px}.play-pause-btn:hover{background:#fff3}.episodes-dropdown,.settings-dropdown{position:relative}.episodes-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141414f2;border-radius:12px;bottom:60px;box-shadow:0 8px 32px #00000080;max-height:400px;overflow:hidden;position:absolute;right:0;width:320px}.episodes-menu-header{border-bottom:1px solid #ffffff1a;color:#fff;font-size:14px;font-weight:600;padding:16px 20px}.episodes-list{max-height:340px;overflow-y:auto}.episode-item{align-items:center;color:#fff;display:flex;gap:12px;padding:12px 20px;text-decoration:none;transition:background .2s}.episode-item:hover{background:#ffffff1a}.episode-item.active{background:#ef444433;border-left:3px solid #ef4444}.ep-number{color:#fff9;font-size:13px;min-width:30px}.ep-title{flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ep-duration{color:#ffffff80;font-size:12px}.settings-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141414f2;border-radius:12px;bottom:60px;box-shadow:0 8px 32px #00000080;min-width:200px;padding:16px;position:absolute;right:0}.settings-section{margin-bottom:16px}.settings-section:last-child{margin-bottom:0}.settings-label{color:#fff9;display:block;font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.settings-options{display:flex;flex-wrap:wrap;gap:6px}.settings-option{background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.settings-option:hover{background:#fff3}.settings-option.active{background:#ef4444}.tv-player-info{background:#0a0a0a;background:var(--background,#0a0a0a);color:#fff;color:var(--text-primary,#fff);padding:40px 60px}.info-container{display:flex;gap:40px;justify-content:space-between;margin:0 auto 40px;max-width:1400px}.info-main{flex:1 1}.info-main h1{font-size:28px;font-weight:700;margin-bottom:8px}.info-main h2{color:#ffffffb3;color:var(--text-secondary,#ffffffb3);font-size:18px;font-weight:500;margin-bottom:16px}.episode-description{color:#fffc;color:var(--text-secondary,#fffc);font-size:15px;line-height:1.6;margin-bottom:20px}.episode-meta{align-items:center;display:flex;gap:16px}.category-tag{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:20px;font-size:13px;font-weight:500;padding:6px 14px}.duration{color:#fff9;color:var(--text-secondary,#fff9);font-size:14px}.next-episode-card{background:#ffffff0d;background:var(--surface,#ffffff0d);border-radius:12px;min-width:280px;padding:20px}.next-label{color:#ffffff80;color:var(--text-secondary,#ffffff80);display:block;font-size:12px;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.next-episode-link{align-items:center;background:#ef44441a;border-radius:8px;color:#fff;color:var(--text-primary,#fff);display:flex;justify-content:space-between;padding:12px;text-decoration:none;transition:background .2s}.next-episode-link:hover{background:#ef444433}.next-ep-info{display:flex;flex-direction:column;gap:4px}.next-ep-number{color:#fff9;color:var(--text-secondary,#fff9);font-size:13px}.next-ep-title{font-size:15px;font-weight:500}.season-episodes{margin:0 auto;max-width:1400px}.season-episodes h3{font-size:20px;font-weight:600;margin-bottom:20px}.episodes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.episode-card{background:#ffffff0d;background:var(--surface,#ffffff0d);border-radius:12px;color:#fff;color:var(--text-primary,#fff);overflow:hidden;text-decoration:none;transition:transform .2s,box-shadow .2s}.episode-card:hover{box-shadow:0 8px 24px #0000004d;transform:translateY(-4px)}.episode-card.current{border:2px solid #ef4444}.episode-thumbnail{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;height:160px;justify-content:center;position:relative}.ep-badge{background:#000000b3;border-radius:4px;font-size:12px;font-weight:600;left:12px;padding:4px 10px;position:absolute;top:12px}.now-playing{align-items:center;background:#ef4444;border-radius:20px;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px}.episode-card-info{padding:16px}.episode-card-title{display:block;font-size:15px;font-weight:500;margin-bottom:4px}.episode-card-duration{color:#fff9;color:var(--text-secondary,#fff9);font-size:13px}.show-more{margin:40px auto 0;max-width:1400px;text-align:center}.show-more-link{align-items:center;background:#ffffff1a;background:var(--surface,#ffffff1a);border-radius:8px;color:#fff;color:var(--text-primary,#fff);display:inline-flex;font-weight:500;gap:8px;padding:12px 24px;text-decoration:none;transition:background .2s}.show-more-link:hover{background:#ffffff26}@media (max-width:1024px){.tv-player-info{padding:30px 40px}.info-container{flex-direction:column}.next-episode-card{min-width:auto}}@media (max-width:768px){.player-bottom-bar,.player-top-bar{padding:15px 20px}.episode-title{font-size:16px}.control-btn{font-size:18px;height:40px;width:40px}.play-pause-btn{height:46px;width:46px}.tv-player-info{padding:20px}.episodes-grid{grid-template-columns:1fr}.episodes-menu{right:-60px;width:280px}}@media (max-width:480px){.back-to-tv span{display:none}.controls-left,.controls-right{gap:4px}.control-btn{font-size:16px;height:36px;width:36px}.episode-info-bar{margin-bottom:10px}.show-title{font-size:12px}.episode-title{font-size:14px}}.store-page{background:var(--background);margin-top:-80px;min-height:100vh}.store-hero{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);overflow:hidden;padding:140px 40px 60px;position:relative}.store-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");content:"";inset:0;opacity:.5;position:absolute}.store-hero .hero-content{max-width:700px;position:relative;z-index:2}.store-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50px;color:#fff;display:inline-flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:20px;padding:8px 16px}.store-hero h1{color:#fff;font-size:42px;font-weight:800;line-height:1.2;margin-bottom:12px}.store-hero h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text}.store-hero .hero-content>p,.store-hero>p{color:#ffffffe6;font-size:16px;line-height:1.6;margin-bottom:24px}.hero-search{align-items:center;background:#fff;border-radius:12px;display:flex;gap:12px;max-width:400px;padding:8px 16px}.hero-search .search-icon{color:var(--text-tertiary);font-size:20px}.hero-search input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:15px;padding:10px 0}.hero-search input::placeholder{color:var(--text-tertiary)}.hero-search input:focus{outline:none}.floating-products{display:flex;gap:20px;position:absolute;right:60px;top:50%;transform:translateY(-50%)}.floating-item{animation:float 3s ease-in-out infinite;font-size:48px}.floating-item:nth-child(2){animation-delay:.5s}.floating-item:nth-child(3){animation-delay:1s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.featured-section{background:var(--surface);border-bottom:1px solid var(--border);padding:40px}.featured-section .section-header{margin-bottom:24px}.featured-section .section-header h2{color:var(--text-primary);font-size:24px;margin-bottom:4px}.featured-section .section-header p{color:var(--text-secondary);font-size:14px}.featured-slider{display:flex;gap:24px;overflow-x:auto;padding-bottom:16px;scrollbar-color:var(--border) #0000;scrollbar-width:thin}.featured-slider::-webkit-scrollbar{height:6px}.featured-slider::-webkit-scrollbar-track{background:#0000}.featured-slider::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.featured-card{background:var(--background);border:1px solid var(--border);border-radius:16px;flex:0 0 280px;overflow:hidden;text-decoration:none;transition:all .3s ease}.featured-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.featured-image{height:200px}.featured-image img{transition:transform .3s ease}.featured-card:hover .featured-image img{transform:scale(1.05)}.discount-badge{background:#ef4444;border-radius:20px;color:#fff;font-size:12px;font-weight:700;left:12px;padding:4px 10px;position:absolute;top:12px}.featured-info{padding:16px}.featured-info h3{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.featured-price{align-items:center;display:flex;gap:10px}.featured-price .original-price{color:var(--text-tertiary);font-size:14px;text-decoration:line-through}.featured-price .sale-price{color:var(--primary);font-size:20px;font-weight:700}.store-main{grid-gap:32px;display:grid;gap:32px;grid-template-columns:260px 1fr;margin:0 auto;max-width:1400px;padding:40px}.store-sidebar{background:var(--surface);border:1px solid var(--border);border-radius:16px;height:-webkit-fit-content;height:fit-content;padding:24px;position:-webkit-sticky;position:sticky;top:100px}.store-sidebar h3{align-items:center;border-bottom:1px solid var(--border);color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px;padding-bottom:12px}.category-list{list-style:none;margin:0 0 24px;padding:0}.category-list li{margin-bottom:4px}.category-list button{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px;transition:all .2s ease;width:100%}.category-list button:hover{background:var(--background);color:var(--text-primary)}.category-list button.active{background:var(--primary);color:#fff}.category-list .cat-icon{font-size:18px}.category-list .cat-count{background:var(--background);border-radius:10px;color:var(--text-tertiary);font-size:12px;margin-left:auto;padding:2px 8px}.category-list button.active .cat-count{background:#fff3;color:#fff}.sidebar-promo{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:12px;color:#fff;padding:20px;text-align:center}.sidebar-promo .promo-icon{font-size:28px;margin-bottom:8px}.sidebar-promo h4{font-size:16px;margin-bottom:6px}.sidebar-promo p{font-size:13px;opacity:.9}.products-section{min-width:0}.products-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.results-count{color:var(--text-secondary);font-size:14px}.sort-select{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:10px 16px}.products-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;text-decoration:none;transition:all .3s ease}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-image{background:var(--background);height:200px;overflow:hidden;position:relative}.product-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.product-card:hover .product-image img{transform:scale(1.05)}.wishlist-btn{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:var(--text-tertiary);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s ease;width:36px}.wishlist-btn:hover{color:#ef4444;transform:scale(1.1)}.discount-tag{background:#ef4444;border-radius:20px;color:#fff;font-size:12px;font-weight:700;left:12px;padding:4px 10px;position:absolute;top:12px}.product-info{padding:16px}.product-category{color:var(--primary);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.product-info h3{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-info p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;line-height:1.4;overflow:hidden}.product-info p,.product-rating{font-size:13px;margin-bottom:10px}.product-rating{align-items:center;color:#fbbf24;display:flex;font-weight:600;gap:4px}.product-rating .star-icon{fill:#fbbf24}.product-price{align-items:center;display:flex;gap:10px;margin-bottom:12px}.product-price .original{color:var(--text-tertiary);font-size:14px;text-decoration:line-through}.product-price .current{color:var(--primary);font-size:20px;font-weight:700}.add-to-cart{align-items:center;background:var(--primary);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s ease;width:100%}.add-to-cart:hover{background:var(--primary-dark);transform:scale(1.02)}.no-products{background:var(--surface);border:2px dashed var(--border);border-radius:16px;padding:60px 20px;text-align:center}.no-products .empty-icon{display:block;font-size:48px;margin-bottom:16px}.no-products h3{color:var(--text-primary);font-size:18px;margin-bottom:8px}.no-products p{color:var(--text-secondary);font-size:14px}.store-benefits{grid-gap:24px;background:var(--surface);border-top:1px solid var(--border);display:grid;gap:24px;grid-template-columns:repeat(4,1fr);padding:48px 40px}.benefit{text-align:center}.benefit-icon{display:block;font-size:32px;margin-bottom:12px}.benefit h4{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:6px}.benefit p{color:var(--text-secondary);font-size:13px}.store-loading{align-items:center;background:var(--background);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}.store-loading .loading-icon{animation:bounce 1s ease-in-out infinite;color:var(--primary);font-size:48px}.store-loading p{color:var(--text-secondary);font-size:16px}@media (max-width:1024px){.store-main{grid-template-columns:1fr;padding:24px}.store-sidebar{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;position:static}.store-sidebar h3{grid-column:1/-1}.category-list{grid-column:1}.sidebar-promo{align-self:start;grid-column:2}.floating-products{display:none}}@media (max-width:768px){.store-hero{padding:40px 20px}.store-hero h1{font-size:28px}.featured-section{padding:24px 20px}.store-main{padding:20px}.store-sidebar{grid-template-columns:1fr}.category-list{display:flex;flex-wrap:wrap;gap:8px}.category-list li{margin:0}.category-list button{padding:8px 12px}.products-grid{gap:16px}.products-grid,.store-benefits{grid-template-columns:repeat(2,1fr)}.store-benefits{gap:20px;padding:32px 20px}}@media (max-width:480px){.products-grid{grid-template-columns:1fr}}.games-page{background:var(--background);min-height:100vh}.games-hero{background:linear-gradient(135deg,#7c3aed,#4f46e5 50%,#2563eb);margin-bottom:0;margin-top:0;overflow:hidden;padding:100px 60px 40px;position:relative}.games-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%23fff' fill-opacity='.05'/%3E%3C/svg%3E");content:"";inset:0;position:absolute}.hero-particles{inset:0;overflow:hidden;position:absolute;z-index:1}.particle{animation:particle-rise var(--duration) ease-in-out infinite;animation-delay:var(--delay);background:#ffffff4d;border-radius:50%;height:6px;left:var(--x);position:absolute;width:6px}@keyframes particle-rise{0%{bottom:-10%;opacity:0}10%{opacity:1}90%{opacity:1}to{bottom:110%;opacity:0}}.games-logo{align-items:center;display:flex;gap:12px;margin-bottom:24px}.games-logo .logo-icon{animation:bounce 2s ease-in-out infinite;font-size:48px}.games-logo .logo-text{color:#ffffffe6;font-size:16px;font-weight:800;letter-spacing:4px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fbbf24,#f59e0b,#ef4444);-webkit-background-clip:text;background-clip:text}.hero-content{max-width:700px;z-index:2}.hero-stats{display:flex;gap:40px}.stat{align-items:center;display:flex;flex-direction:column;gap:4px}.stat-icon{color:#fbbf24;font-size:24px}.stat-value{color:#fff;font-size:28px}.stat-label{color:#ffffffb3;font-size:13px}.floating-icons{display:flex;flex-direction:column;gap:20px;position:absolute;right:60px;top:50%;transform:translateY(-50%);z-index:2}.float-icon{animation:float-anim 3s ease-in-out infinite;animation-delay:var(--delay);font-size:48px}@keyframes float-anim{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(10deg)}}.games-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50px;color:#fff;display:inline-flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:20px;padding:8px 16px}.games-hero h1{color:#fff;font-size:48px;font-weight:800;line-height:1.2;margin-bottom:12px}.games-hero p{color:#ffffffe6;font-size:16px;line-height:1.6;margin-bottom:20px;max-width:500px}.featured-games{background:var(--surface);padding:32px 60px}.featured-games h2{align-items:center;color:var(--text-primary);display:flex;font-size:24px;gap:12px;margin-bottom:24px}.section-icon{color:#fbbf24}.featured-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.featured-game-card{align-items:center;background:var(--background);border:1px solid var(--border);border-radius:16px;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;text-decoration:none;transition:all .3s ease}.featured-game-card:hover{border-color:var(--game-color);box-shadow:0 20px 40px #00000026;transform:translateY(-4px)}.game-glow{background:var(--game-color);border-radius:50%;filter:blur(60px);height:100%;opacity:.1;position:absolute;right:-50%;top:-50%;transition:opacity .3s;width:100%}.featured-game-card:hover .game-glow{opacity:.2}.game-icon{flex-shrink:0;font-size:56px}.featured-game-card .game-info{flex:1 1}.featured-game-card .game-info h3{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:6px}.featured-game-card .game-info p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:12px}.game-meta{color:var(--text-tertiary);font-size:13px;gap:16px}.game-meta,.game-meta span{align-items:center;display:flex}.game-meta span{gap:4px}.play-btn{align-items:center;background:var(--game-color);border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:6px;padding:10px 18px;transition:all .2s}.play-btn:hover{box-shadow:0 8px 20px #0003;transform:scale(1.05)}.games-categories{background:var(--surface);border-bottom:1px solid var(--border);margin-top:0;padding:16px 60px;position:-webkit-sticky;position:sticky;top:60px;z-index:10}.categories-scroll{gap:12px;padding-bottom:4px}.category-chip{background:var(--background);color:var(--text-secondary);font-size:14px;gap:8px;padding:10px 20px}.category-chip:hover{background:var(--surface-elevated);border-color:var(--primary);color:var(--text-primary)}.category-chip.active{background:linear-gradient(135deg,#7c3aed,#4f46e5);border-color:#0000}.chip-icon{font-size:18px}.all-games{padding:48px 60px}.all-games h2{color:var(--text-primary);font-size:24px;margin-bottom:24px}.games-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.game-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;padding:24px;position:relative;text-decoration:none;transition:all .3s ease}.game-card:before{background:var(--game-color);content:"";height:4px;left:0;position:absolute;right:0;top:0}.game-card:hover{border-color:var(--game-color);box-shadow:0 15px 35px #0000001f;transform:translateY(-4px)}.card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.game-icon-small{font-size:40px}.difficulty-badge{background:var(--game-color);border-radius:20px;font-size:11px;font-weight:600;padding:4px 10px}.game-card h3{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:8px}.game-card p{color:var(--text-secondary);flex:1 1;font-size:14px;line-height:1.5;margin-bottom:16px}.card-footer{align-items:center;display:flex;justify-content:space-between}.game-details{color:var(--text-tertiary);display:flex;font-size:12px;gap:12px}.game-details span{align-items:center;display:flex;gap:4px}.play-indicator{align-items:center;background:var(--game-color);border-radius:50%;color:#fff;display:flex;height:36px;justify-content:center;transition:transform .2s;width:36px}.game-card:hover .play-indicator{transform:scale(1.1)}.no-games{background:var(--surface);border:2px dashed var(--border);border-radius:16px;padding:60px 20px;text-align:center}.no-icon{display:block;font-size:48px;margin-bottom:12px;opacity:.5}.no-games p{color:var(--text-secondary);font-size:16px}.coming-soon{background:var(--surface);padding:48px 60px}.coming-soon h2{color:var(--text-primary);font-size:24px;margin-bottom:8px}.section-desc{color:var(--text-secondary);font-size:15px;margin-bottom:24px}.coming-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.coming-card{background:var(--background);border:1px solid var(--border);border-radius:16px;padding:32px 24px;position:relative;text-align:center;transition:all .3s ease}.coming-card:hover{box-shadow:0 15px 35px #0000001a;transform:translateY(-4px)}.coming-badge{background:linear-gradient(135deg,#7c3aed,#4f46e5);border-radius:20px;color:#fff;font-size:10px;font-weight:700;left:16px;letter-spacing:.5px;padding:4px 10px;position:absolute;top:16px}.game-icon-large{display:block;font-size:64px;margin-bottom:16px}.coming-card h3{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:8px}.coming-card p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:20px}.notify-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:50px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.notify-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.leaderboard-preview{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;padding:48px 60px}.leaderboard-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.leaderboard-header{align-items:center;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;display:flex;gap:12px;padding:20px 24px}.trophy-icon{color:#fbbf24;font-size:24px}.leaderboard-header h3{font-size:18px;font-weight:700}.leaderboard-list{padding:8px}.leader-item{align-items:center;border-radius:10px;display:flex;gap:12px;padding:12px 16px;transition:background .2s}.leader-item:hover{background:var(--background)}.leader-item .rank{align-items:center;background:var(--surface-elevated);border-radius:50%;color:var(--text-secondary);display:flex;font-size:13px;font-weight:700;height:28px;justify-content:center;width:28px}.leader-item.gold .rank{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.leader-item.silver .rank{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff}.leader-item.bronze .rank{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.leader-item .medal{font-size:20px}.leader-item .name{color:var(--text-primary);flex:1 1;font-weight:600}.leader-item .score{font-weight:700}.leader-item .score,.view-all-btn{color:var(--primary);font-size:14px}.view-all-btn{border-top:1px solid var(--border);display:block;font-weight:600;padding:14px;text-align:center;text-decoration:none;transition:background .2s}.view-all-btn:hover{background:var(--background)}.cta-play{background:linear-gradient(135deg,#7c3aed,#4f46e5);border-radius:16px;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.cta-play h3{font-size:24px;font-weight:700;margin-bottom:12px}.cta-play p{font-size:15px;line-height:1.5;margin-bottom:24px;opacity:.9}.start-playing-btn{align-items:center;background:#fff;border-radius:50px;color:#7c3aed;display:inline-flex;font-size:16px;font-weight:700;gap:8px;justify-content:center;padding:14px 32px;text-decoration:none;transition:all .2s}.start-playing-btn:hover{box-shadow:0 10px 30px #0003;transform:scale(1.05)}.games-loading{align-items:center;background:var(--background);color:var(--text-primary);display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.loading-icon{animation:rotate 2s linear infinite;font-size:64px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.games-hero{padding:60px 40px}.games-hero h1{font-size:40px}.floating-icons{display:none}.hero-stats{gap:24px}.leaderboard-preview{grid-template-columns:1fr}}@media (max-width:768px){.games-hero{padding:40px 20px}.games-hero h1{font-size:32px}.hero-stats{flex-wrap:wrap;gap:20px}.stat-value{font-size:24px}.games-categories{padding:16px 20px;top:70px}.all-games,.coming-soon,.featured-games,.leaderboard-preview{padding:32px 20px}.coming-grid,.featured-grid,.games-grid{grid-template-columns:1fr}.featured-game-card{flex-direction:column;text-align:center}.featured-game-card .game-info{text-align:center}.game-meta{justify-content:center}}.academy-page{background:var(--background);min-height:100vh;padding-bottom:4rem}.academy-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--surface);border-bottom:1px solid var(--border);padding:0;position:-webkit-sticky;position:sticky;top:60px;z-index:100}.academy-header-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem;width:100%}.header-left{gap:1rem}.academy-logo,.header-left{align-items:center;display:flex}.academy-logo{gap:.75rem}.academy-logo .logo-icon{color:var(--primary);font-size:1.75rem}.academy-logo .logo-text{display:flex;flex-direction:column;line-height:1.1}.academy-logo .logo-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:800}.academy-logo .logo-subtitle{color:var(--text-secondary);font-size:.7rem;font-weight:600;letter-spacing:2px}.header-stats{gap:1.5rem}.header-stats,.stat-item{align-items:center;display:flex}.stat-item{background:var(--surface-hover);border:1px solid var(--border);border-radius:12px;cursor:pointer;gap:.4rem;padding:.5rem .75rem;transition:all .3s ease}.stat-item:hover{border-color:var(--primary);transform:translateY(-2px)}.stat-icon{font-size:1.2rem}.stat-value{color:var(--text-primary);font-size:1rem;font-weight:700}.stat-label{font-size:.75rem}.stat-item.streak{background:linear-gradient(135deg,#fb923c1a,#fb923c33);border-color:#fb923c4d}.stat-item.streak:hover{background:linear-gradient(135deg,#fb923c33,#fb923c4d)}.stat-item.gems{background:linear-gradient(135deg,#3b82f61a,#3b82f633);border-color:#3b82f64d}.stat-item.lives{background:linear-gradient(135deg,#ef44441a,#ef444433);border-color:#ef44444d}.stat-item.level{align-items:flex-start;flex-direction:column;gap:.25rem;padding:.5rem 1rem}.level-badge{align-items:center;color:var(--primary);display:flex;font-weight:700;gap:.25rem}.xp-bar{background:var(--border);height:6px;overflow:hidden;width:80px}.xp-bar,.xp-fill{border-radius:3px}.xp-fill{background:linear-gradient(90deg,var(--primary),var(--secondary));height:100%;transition:width .5s ease}.xp-text{color:var(--text-secondary);font-size:.7rem}.header-right{gap:.75rem}.header-right,.rewards-btn{align-items:center;display:flex}.rewards-btn{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;gap:.5rem;padding:.6rem 1rem;transition:all .3s ease}.rewards-btn:hover{box-shadow:0 5px 20px #ec48994d;transform:scale(1.05)}.friends-btn,.leaderboard-btn{align-items:center;background:var(--surface-hover);border:1px solid var(--border);border-radius:50%;color:var(--text-primary);display:flex;font-size:1.2rem;height:42px;justify-content:center;position:relative;text-decoration:none;transition:all .3s ease;width:42px}.friends-btn:hover,.leaderboard-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.online-count{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;font-size:.65rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:-2px;top:-2px;width:18px}.daily-progress{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:1.5rem 2rem}.challenge-card,.progress-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.progress-header h3{color:var(--text-primary);font-size:1.1rem}.progress-count{color:var(--text-secondary);font-size:.9rem}.daily-bar{display:flex;gap:.5rem;margin-bottom:1rem}.daily-dot{align-items:center;background:var(--surface-hover);border:2px dashed var(--border);border-radius:10px;color:var(--text-secondary);display:flex;flex:1 1;height:40px;justify-content:center;transition:all .3s ease}.daily-dot.completed{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;color:#fff}.progress-motivation{color:var(--text-secondary);font-size:.9rem;text-align:center}.challenge-card{background:linear-gradient(135deg,#6366f11a,#a855f71a);border-color:#6366f14d}.challenge-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.challenge-icon{font-size:2rem}.challenge-header h4{color:var(--text-primary);font-size:1.1rem;margin-bottom:.25rem}.challenge-header p{color:var(--text-secondary);font-size:.85rem}.challenge-progress{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.challenge-bar{background:#ffffff1a;border-radius:5px;flex:1 1;height:10px;overflow:hidden}.challenge-fill{background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:5px;height:100%;transition:width .5s ease}.challenge-footer{display:flex;font-size:.85rem;justify-content:space-between}.challenge-reward{color:#fbbf24;font-weight:600}.challenge-time{color:var(--text-secondary)}.in-progress-section{margin:0 auto;max-width:1200px;padding:1.5rem 2rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header h2{color:var(--text-primary);font-size:1.5rem;gap:.5rem}.section-header h2,.see-all{align-items:center;display:flex}.see-all{color:var(--primary);font-weight:500;gap:.25rem;text-decoration:none;transition:gap .3s ease}.see-all:hover{gap:.5rem}.progress-courses{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.progress-course-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;display:flex;gap:1rem;padding:1rem;text-decoration:none;transition:all .3s ease}.progress-course-card:hover{border-color:var(--primary);box-shadow:0 10px 40px #0000001a;transform:translateY(-4px)}.progress-course-card .course-image{flex-shrink:0;height:80px;position:relative;width:80px}.progress-course-card .course-image img{border-radius:12px;height:100%;object-fit:cover;width:100%}.course-progress-ring{align-items:center;background:var(--surface);border-radius:50%;display:flex;height:36px;justify-content:center;position:absolute;right:-5px;top:-5px;width:36px}.course-progress-ring svg{height:100%;transform:rotate(-90deg);width:100%}.course-progress-ring span{color:var(--text-primary);font-size:.55rem;font-weight:700;position:absolute}.progress-course-card .course-info{display:flex;flex:1 1;flex-direction:column;justify-content:center}.progress-course-card h3{color:var(--text-primary);font-size:1rem;margin-bottom:.25rem}.progress-course-card p{color:var(--text-secondary);font-size:.8rem;margin-bottom:.5rem}.continue-btn{align-items:center;background:var(--primary);border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.4rem .75rem;width:-webkit-fit-content;width:fit-content}.categories-section{margin:1.25rem auto 1.5rem;max-width:1200px;padding:0 2rem}.categories-scroll{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.categories-scroll::-webkit-scrollbar{display:none}.category-chip{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:50px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1rem;transition:all .3s ease;white-space:nowrap}.category-chip:hover{color:var(--primary);color:var(--cat-color,var(--primary))}.category-chip.active,.category-chip:hover{border-color:var(--cat-color,var(--primary))}.category-chip.active{background:var(--primary);background:var(--cat-color,var(--primary));color:#fff}.featured-section{margin:0 auto;max-width:1200px;padding:1.25rem 2rem 2rem}.featured-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.featured-course-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;text-decoration:none;transition:all .3s ease}.featured-course-card:hover{box-shadow:0 20px 50px #00000026;transform:translateY(-8px)}.featured-image{aspect-ratio:16/9;overflow:hidden;position:relative}.featured-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.featured-course-card:hover .featured-image img{transform:scale(1.1)}.featured-overlay{display:flex;justify-content:space-between;left:1rem;position:absolute;right:1rem;top:1rem}.course-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;color:#fff}.course-category,.game-badge{border-radius:50px;font-size:.75rem;font-weight:600;padding:.4rem .75rem}.featured-content{padding:1.25rem}.featured-content h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:.5rem}.featured-content p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.9rem;line-height:1.5;overflow:hidden}.course-meta,.featured-content p{color:var(--text-secondary);margin-bottom:1rem}.course-meta{font-size:.8rem;gap:1rem}.course-meta span{gap:.3rem}.course-footer{align-items:center;display:flex;justify-content:space-between}.instructor{color:var(--text-secondary);font-size:.85rem}.xp-reward{align-items:center;color:#fbbf24;display:flex;font-size:.9rem;font-weight:600;gap:.25rem}.all-courses-section{margin:0 auto;max-width:1200px;padding:1.25rem 2rem 2rem}.course-count{color:var(--text-secondary);font-size:.9rem}.courses-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.course-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;text-decoration:none;transition:all .3s ease}.course-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-4px)}.course-thumbnail{aspect-ratio:16/10;overflow:hidden;position:relative}.course-thumbnail img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.course-card:hover .course-thumbnail img{transform:scale(1.1)}.completed-badge{align-items:center;background:#10b981;display:flex;font-size:.7rem;gap:.3rem}.completed-badge,.progress-badge{border-radius:50px;color:#fff;font-weight:600;padding:.3rem .6rem;position:absolute;right:.75rem;top:.75rem}.progress-badge{background:#000c;font-size:.75rem}.game-tag{bottom:.75rem;font-size:1.25rem;left:.75rem;position:absolute}.course-body{padding:1rem}.course-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.category-tag{border-radius:4px;color:#fff;font-size:.7rem;font-weight:600;padding:.25rem .5rem}.difficulty{color:var(--text-secondary);font-size:.75rem}.course-body h3{color:var(--text-primary);font-size:1rem;margin-bottom:.5rem}.course-body p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.8rem;line-height:1.4;margin-bottom:.75rem;overflow:hidden}.course-stats{color:var(--text-secondary);display:flex;font-size:.75rem;gap:.75rem}.course-stats span{align-items:center;display:flex;gap:.2rem}.games-section{margin:0 auto;max-width:1200px;padding:0 2rem 2rem}.edu-games-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.edu-game-card{background:linear-gradient(135deg,#6366f11a,#a855f71a);border:1px solid #6366f133;border-radius:16px;padding:1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.edu-game-card:hover{background:linear-gradient(135deg,#6366f133,#a855f733);border-color:var(--primary);transform:translateY(-4px) scale(1.02)}.game-icon{font-size:2.5rem;margin-bottom:.75rem}.edu-game-card h3{color:var(--text-primary);font-size:1rem;margin-bottom:.25rem}.edu-game-card p{color:var(--text-secondary);font-size:.8rem;margin-bottom:.75rem}.game-xp{background:#fbbf2433;border-radius:50px;color:#fbbf24;display:inline-block;font-size:.75rem;font-weight:600;padding:.3rem .6rem}.achievements-section{margin:0 auto;max-width:1200px;padding:0 2rem 2rem}.achievements-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(6,1fr)}.achievement-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem;text-align:center;transition:all .3s ease}.achievement-card.unlocked{background:linear-gradient(135deg,#10b9811a,#22c55e1a);border-color:#10b9814d}.achievement-card.locked{filter:grayscale(1);opacity:.5}.achievement-icon{font-size:2rem;margin-bottom:.5rem}.achievement-card h4{color:var(--text-primary);font-size:.85rem;margin-bottom:.25rem}.achievement-card p{color:var(--text-secondary);font-size:.7rem;margin-bottom:.5rem}.achievement-xp{color:#10b981;font-weight:600}.achievement-locked,.achievement-xp{align-items:center;display:flex;font-size:.75rem;gap:.25rem;justify-content:center}.achievement-locked{color:var(--text-secondary)}.leaderboard-section{margin:0 auto;max-width:800px;padding:0 2rem 2rem}.leaderboard-mini{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.leaderboard-row{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:1rem;padding:1rem 1.5rem;transition:background .3s ease}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row:hover{background:var(--surface-hover)}.leaderboard-row.is-user{background:linear-gradient(90deg,#ec48991a,#6366f11a)}.rank{color:var(--text-primary);font-size:1.1rem;font-weight:700;width:30px}.rank-1{color:#fbbf24}.rank-2{color:#94a3b8}.rank-3{color:#cd7f32}.avatar{font-size:1.5rem}.name{color:var(--text-primary);flex:1 1;font-weight:500}.streak{color:var(--text-secondary);font-size:.85rem}.xp{color:var(--primary);font-weight:600}.invite-section{margin:0 auto;max-width:1000px;padding:0 2rem 3rem}.invite-card{align-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:24px;color:#fff;display:flex;justify-content:space-between;padding:2rem}.invite-content h2{font-size:1.5rem;margin-bottom:.5rem}.invite-content p{margin-bottom:1.5rem;opacity:.9}.invite-actions{display:flex;gap:1rem}.btn-invite{align-items:center;background:#fff;border:none;border-radius:50px;color:var(--primary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:transform .3s ease}.btn-invite:hover{transform:scale(1.05)}.btn-copy{background:#fff3;border:1px solid #ffffff4d;border-radius:50px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background .3s ease}.btn-copy:hover{background:#ffffff4d}.invite-illustration{display:flex;gap:.5rem}.friend-emoji{animation:bounce 2s infinite;font-size:3rem}.friend-emoji:nth-child(2){animation-delay:.2s}.friend-emoji:nth-child(3){animation-delay:.4s}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.rewards-modal,.streak-modal{background:var(--surface);border-radius:24px;max-width:450px;padding:2rem;position:relative;text-align:center;width:90%}.modal-close{align-items:center;background:var(--surface-hover);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;width:32px}.streak-fire{animation:pulse 1s infinite;font-size:4rem;margin-bottom:1rem}.streak-modal h2{color:var(--text-primary);margin-bottom:.5rem}.streak-modal>p{color:var(--text-secondary);margin-bottom:1.5rem}.streak-calendar{gap:.5rem;margin-bottom:1.5rem}.calendar-day,.streak-calendar{display:flex;justify-content:center}.calendar-day{align-items:center;background:var(--surface-hover);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);flex-direction:column;font-size:.8rem;gap:.25rem;height:50px;width:40px}.calendar-day.completed{background:linear-gradient(135deg,#f97316,#fb923c);border-color:#0000;color:#fff}.streak-rewards h4{color:var(--text-primary);margin-bottom:1rem}.reward-milestones{display:flex;gap:1rem;justify-content:center}.milestone{background:var(--surface-hover);border-radius:12px;padding:.75rem 1rem;text-align:center}.milestone.reached{background:linear-gradient(135deg,#10b98133,#22c55e33)}.milestone span:first-child{color:var(--text-secondary);display:block;font-size:.8rem;margin-bottom:.25rem}.milestone span:last-child{color:var(--text-primary);font-weight:700}.rewards-modal h2{align-items:center;color:var(--text-primary);justify-content:center}.daily-rewards,.rewards-modal h2{display:flex;gap:.5rem;margin-bottom:1.5rem}.daily-reward{background:var(--surface-hover);border:1px solid var(--border);border-radius:12px;flex:1 1;padding:.75rem;text-align:center}.daily-reward.claimed{background:linear-gradient(135deg,#10b98133,#22c55e33);border-color:#10b981}.daily-reward.today{background:linear-gradient(135deg,#6366f133,#a855f733);border-color:var(--primary)}.daily-reward .day{color:var(--text-secondary);display:block;font-size:.65rem;margin-bottom:.25rem}.daily-reward .reward{display:block;font-size:1.25rem;margin-bottom:.25rem}.daily-reward .amount{color:var(--text-primary);font-size:.7rem;font-weight:600}.claim-btn{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;width:100%}.claim-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:1200px){.featured-grid{grid-template-columns:repeat(2,1fr)}.courses-grid{grid-template-columns:repeat(3,1fr)}.achievements-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px){.daily-progress{grid-template-columns:1fr}.edu-games-grid,.progress-courses{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.academy-header{flex-wrap:wrap;gap:1rem;padding:1rem}.header-stats{flex-wrap:wrap;justify-content:center;order:3;width:100%}.stat-item.level{display:none}.featured-grid,.progress-courses{grid-template-columns:1fr}.courses-grid{grid-template-columns:repeat(2,1fr)}.achievements-grid{grid-template-columns:repeat(3,1fr)}.invite-card{flex-direction:column;gap:1.5rem;text-align:center}.invite-actions{flex-direction:column;width:100%}}@media (max-width:480px){.academy-page{padding-bottom:2rem}.achievements-section,.all-courses-section,.categories-section,.daily-progress,.featured-section,.games-section,.in-progress-section,.invite-section,.leaderboard-section{padding-left:1rem;padding-right:1rem}.section-header h2{font-size:1.2rem}.courses-grid,.edu-games-grid{grid-template-columns:1fr}.achievements-grid{grid-template-columns:repeat(2,1fr)}.leaderboard-row{gap:.5rem;padding:.75rem 1rem}.streak{display:none}}.course-detail-page{background:var(--background);min-height:100vh}.course-loading,.course-not-found{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100vh}.loading-spinner{animation:bounce 1s infinite;font-size:3rem}.back-link{align-items:center;color:var(--primary);display:flex;font-weight:500;gap:.5rem;text-decoration:none}.course-hero{display:flex;flex-direction:column;justify-content:flex-end;min-height:50vh;padding:3rem;position:relative}.course-hero .hero-background{bottom:0;left:0;position:absolute;right:0;top:0}.course-hero .hero-background img{height:100%;object-fit:cover;width:100%}.course-hero .hero-gradient{background:linear-gradient(to bottom,#0006 0,#0009 50%,var(--background) 100%);bottom:0;left:0;position:absolute;right:0;top:0}.back-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border-radius:50px;color:#fff;display:flex;font-weight:500;gap:.5rem;margin-bottom:1.25rem;padding:.75rem 1.25rem;position:relative;text-decoration:none;transition:all .3s ease;width:-webkit-fit-content;width:fit-content;z-index:10}.back-btn:hover{background:#fff3;transform:translateX(-5px)}.hero-content{max-width:800px;position:relative;z-index:5}.course-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.course-badges span{border-radius:50px;font-size:.8rem;font-weight:600;padding:.4rem .75rem}.category-badge{background:var(--primary);color:#fff}.difficulty-badge{background:#fff3;border:1px solid #ffffff4d;color:#fff}.game-badge{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff}.cert-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.course-hero h1{color:#fff;font-size:3rem;font-weight:800;margin-bottom:1rem;text-shadow:0 2px 20px #0000004d}.course-description{color:#ffffffe6;font-size:1.15rem;line-height:1.6;margin-bottom:1.5rem}.course-meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.course-meta span{align-items:center;color:#ffffffd9;display:flex;font-size:.95rem;gap:.4rem}.enrolled-actions{margin-bottom:1.5rem}.progress-info{margin-bottom:1rem}.progress-bar-large{background:#fff3;border-radius:6px;height:12px;margin-bottom:.5rem;overflow:hidden}.progress-bar-large .progress-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:6px;height:100%;transition:width .5s ease}.progress-info span{color:#fffc;font-size:.9rem}.btn-continue{padding:1rem 2rem;text-decoration:none}.btn-continue:hover{box-shadow:0 10px 30px #ec489966}.enroll-actions{gap:1.5rem;margin-bottom:1.5rem}.btn-enroll,.enroll-actions{align-items:center;display:flex}.btn-enroll{background:linear-gradient(135deg,#10b981,#34d399);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1.15rem;font-weight:700;gap:.5rem;padding:1rem 2.5rem;transition:all .3s ease}.btn-enroll:hover{box-shadow:0 10px 30px #10b98166;transform:scale(1.05)}.xp-info{color:#fbbf24;font-size:1rem;font-weight:600}.hero-buttons{display:flex;gap:.75rem}.btn-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:48px;justify-content:center;transition:all .3s ease;width:48px}.btn-icon:hover{background:#ffffff40;transform:scale(1.1)}.btn-icon.active{background:#ef4444;border-color:#ef4444}.course-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:350px 1fr;margin:0 auto;max-width:1400px;padding:2rem}.course-sidebar{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:80px}.sidebar-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.sidebar-section h3{background:var(--surface-hover);border-bottom:1px solid var(--border);color:var(--text-primary);font-size:1.1rem;padding:1.25rem}.units-list{max-height:60vh;overflow-y:auto}.unit-item{border-bottom:1px solid var(--border)}.unit-item:last-child{border-bottom:none}.unit-header{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.25rem;text-align:left;transition:background .3s ease;width:100%}.unit-header:hover,.unit-status{background:var(--surface-hover)}.unit-status{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.status-complete{color:#10b981;font-size:1rem}.status-progress{color:var(--text-secondary);font-size:.7rem;font-weight:600}.unit-info h4{color:var(--text-secondary);font-size:.75rem;font-weight:500;margin-bottom:.2rem}.unit-info span{color:var(--text-primary);font-size:.9rem;font-weight:500}.lessons-list{background:var(--background);padding:.5rem}.lesson-item{align-items:center;border-radius:10px;display:flex;gap:.75rem;padding:.75rem;text-decoration:none;transition:all .3s ease}.lesson-item:hover:not(.locked){background:var(--surface)}.lesson-item.completed{opacity:.7}.lesson-item.locked{cursor:not-allowed;opacity:.5}.lesson-icon{font-size:1.25rem}.lesson-info{flex:1 1}.lesson-title{color:var(--text-primary);display:block;font-size:.85rem;margin-bottom:.15rem}.lesson-meta{color:var(--text-secondary);font-size:.7rem}.lesson-status{width:20px}.check-icon{color:#10b981}.lock-icon{color:var(--text-secondary);font-size:.9rem}.course-main section{margin-bottom:2.5rem}.course-main h2{align-items:center;color:var(--text-primary);display:flex;font-size:1.4rem;gap:.5rem;margin-bottom:1rem}.about-section p{color:var(--text-secondary);font-size:1rem;line-height:1.8}.skills-grid{display:flex;flex-wrap:wrap;gap:.75rem}.skill-chip{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:50px;color:var(--text-primary);display:flex;font-size:.9rem;gap:.4rem;padding:.6rem 1rem}.skill-chip svg{color:#10b981}.includes-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);list-style:none}.includes-list li{align-items:center;color:var(--text-primary);display:flex;font-size:.95rem;gap:.5rem}.includes-list li svg{color:#10b981}.requirements-list{list-style:disc;margin-left:1.5rem}.requirements-list li{color:var(--text-secondary);font-size:.95rem;margin-bottom:.5rem}.game-preview-card{align-items:center;background:linear-gradient(135deg,#6366f126,#a855f726);border:1px solid #6366f14d;border-radius:16px;display:flex;gap:1.5rem;padding:1.5rem}.game-preview-card .game-icon{font-size:3rem}.game-preview-card .game-info{flex:1 1}.game-preview-card h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:.25rem}.game-preview-card p{color:var(--text-secondary);font-size:.9rem}.btn-play-game{background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50px;color:#fff;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:transform .3s ease}.btn-play-game:hover{transform:scale(1.05)}.instructor-card{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:16px;display:flex;gap:1.5rem;padding:1.5rem}.instructor-card img{border-radius:50%;height:80px;object-fit:cover;width:80px}.instructor-info{flex:1 1}.instructor-info h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:.25rem}.instructor-title{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.instructor-stats{color:var(--text-secondary);display:flex;font-size:.85rem;gap:1rem}.instructor-stats span{align-items:center;display:flex;gap:.3rem}.btn-follow{background:var(--primary);border:none;border-radius:50px;color:#fff;cursor:pointer;font-weight:600;padding:.6rem 1.25rem;transition:transform .3s ease}.btn-follow:hover{transform:scale(1.05)}.reviews-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.reviews-header .see-all{color:var(--primary);font-weight:500;text-decoration:none}.rating-summary{background:var(--surface);border:1px solid var(--border);border-radius:16px;display:flex;gap:2rem;margin-bottom:1.5rem;padding:1.5rem}.rating-big{border-right:1px solid var(--border);padding-right:2rem;text-align:center}.rating-number{color:var(--text-primary);display:block;font-size:3rem;font-weight:800}.rating-stars{display:flex;gap:.25rem;justify-content:center;margin-bottom:.25rem}.rating-stars svg{color:var(--text-secondary)}.rating-stars svg.filled{fill:#fbbf24;color:#fbbf24}.rating-count{color:var(--text-secondary);font-size:.8rem}.rating-bars{display:flex;flex:1 1;flex-direction:column;gap:.5rem;justify-content:center}.rating-bar-row{align-items:center;display:flex;gap:.75rem}.rating-bar-row span{color:var(--text-secondary);font-size:.8rem;width:40px}.rating-bar{background:var(--border);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.rating-fill{background:#fbbf24;border-radius:4px;height:100%}.sample-reviews{grid-gap:1rem;display:grid;gap:1rem}.review-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.review-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.reviewer-avatar{font-size:1.75rem}.reviewer-name{color:var(--text-primary);display:block;font-size:.95rem;font-weight:600}.review-rating{display:flex;gap:.15rem}.review-rating svg{color:var(--text-secondary);font-size:.75rem}.review-rating svg.filled{fill:#fbbf24;color:#fbbf24}.review-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}@media (max-width:1024px){.course-content{grid-template-columns:1fr}.course-sidebar{order:2;position:static}.includes-list{grid-template-columns:1fr}}@media (max-width:768px){.course-hero{min-height:40vh;padding:1.5rem}.back-btn{left:1rem;top:80px}.course-hero h1{font-size:2rem}.course-meta{gap:1rem}.enroll-actions{align-items:flex-start;flex-direction:column}.course-content{padding:1rem}.rating-summary{flex-direction:column}.rating-big{border-bottom:1px solid var(--border);border-right:none;margin-bottom:1rem;padding-bottom:1rem;padding-right:0}}@media (max-width:480px){.course-hero h1{font-size:1.75rem}.course-badges{gap:.4rem}.course-badges span{font-size:.7rem;padding:.3rem .6rem}.btn-enroll{justify-content:center;width:100%}.game-preview-card{flex-direction:column;text-align:center}}.lesson-player{background:var(--background)}.lesson-loading,.lesson-player{display:flex;flex-direction:column;min-height:100vh}.lesson-loading{align-items:center;gap:1rem;justify-content:center}.loading-animation{animation:bounce 1s infinite;font-size:4rem}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.1)}}.lesson-header{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;gap:1rem;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.lesson-header .back-btn{align-items:center;background:var(--surface-hover);border-radius:50%;color:var(--text-primary);display:flex;font-size:1.2rem;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.lesson-header .back-btn:hover{background:var(--primary);color:#fff}.lesson-progress-bar{background:var(--border);border-radius:8px;flex:1 1;height:16px;overflow:hidden}.lesson-progress-bar .progress-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:8px;height:100%;transition:width .5s ease}.lesson-stats{align-items:center;display:flex;gap:1rem}.lives{display:flex;gap:.25rem}.lives span{filter:grayscale(1);font-size:1.25rem;opacity:.3;transition:all .3s ease}.lives span.active{filter:grayscale(0);opacity:1}.xp-counter{align-items:center;background:linear-gradient(135deg,#fbbf2433,#f59e0b33);color:#fbbf24;display:flex;gap:.3rem}.streak-counter,.xp-counter{border-radius:50px;font-size:.95rem;font-weight:700;padding:.5rem 1rem}.streak-counter{animation:pulse 1s infinite;background:linear-gradient(135deg,#fb923c33,#f9731633);color:#fb923c}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.lesson-content{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.intro-phase{max-width:500px;text-align:center}.intro-icon{animation:bounce 2s infinite;font-size:5rem;margin-bottom:1.5rem}.intro-phase h1{color:var(--text-primary);font-size:2rem;margin-bottom:1rem}.lesson-meta{display:flex;gap:1.5rem;justify-content:center;margin-bottom:1.5rem}.lesson-meta span{align-items:center;color:var(--text-secondary);display:flex;font-size:.95rem;gap:.4rem}.intro-description{color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin-bottom:2rem}.btn-start{align-items:center;background:linear-gradient(135deg,#10b981,#34d399);border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-size:1.2rem;font-weight:700;gap:.5rem;padding:1rem 3rem;transition:all .3s ease}.btn-start:hover{box-shadow:0 10px 30px #10b98166;transform:scale(1.05)}.content-phase{max-width:900px;width:100%}.video-container{background:#000;border-radius:20px;margin-bottom:2rem;overflow:hidden;position:relative;width:100%}.video-container video{cursor:pointer;display:block;width:100%}.video-controls{background:linear-gradient(#0000,#000c);bottom:0;left:0;padding:1rem;position:absolute;right:0}.video-controls .progress-bar{background:#ffffff4d;border-radius:3px;cursor:pointer;height:6px;margin-bottom:.75rem}.video-controls .progress-fill{background:var(--primary);border-radius:3px;height:100%}.controls-row{align-items:center;display:flex;gap:1rem}.controls-row button{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:40px;justify-content:center;transition:background .3s ease;width:40px}.controls-row button:hover{background:#fff3}.controls-row .time{color:#fff;flex:1 1;font-size:.9rem}.reading-content{background:var(--surface);border:1px solid var(--border);border-radius:20px;margin-bottom:2rem;padding:2rem}.reading-content h2{color:var(--text-primary);font-size:1.75rem;margin-bottom:1.5rem}.content-text{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:2rem;white-space:pre-line}.key-points{background:var(--surface-hover);border-radius:12px;padding:1.5rem}.key-points h3{color:var(--text-primary);font-size:1.1rem;margin-bottom:1rem}.key-points ul{list-style:none}.key-points li{align-items:flex-start;color:var(--text-primary);display:flex;gap:.5rem;margin-bottom:.75rem}.key-points li svg{color:#10b981;margin-top:.2rem}.content-actions{text-align:center}.btn-continue{align-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:1rem 2.5rem;transition:all .3s ease}.btn-continue:hover{transform:scale(1.05)}.btn-continue:disabled{cursor:not-allowed;opacity:.5;transform:none}.practice-phase{max-width:700px;text-align:center;width:100%}.practice-header{margin-bottom:2rem}.phase-badge{background:linear-gradient(135deg,#6366f133,#a855f733);border-radius:50px;color:var(--primary);display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:.75rem;padding:.5rem 1rem}.practice-header h2{color:var(--text-primary);font-size:1.75rem}.practice-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;margin-bottom:1.5rem;padding:2rem;text-align:left}.practice-question{color:var(--text-primary);font-size:1.15rem;line-height:1.6;margin-bottom:1.5rem}.practice-card textarea{background:var(--background);border:2px solid var(--border);border-radius:12px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:1rem;resize:vertical;transition:border-color .3s ease;width:100%}.practice-card textarea:focus{border-color:var(--primary);outline:none}.practice-card input[type=text]{background:var(--background);border:2px solid var(--border);border-radius:12px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:1rem;transition:border-color .3s ease;width:100%}.practice-card input[type=text]:focus{border-color:var(--primary);outline:none}.practice-actions{display:flex;justify-content:center;margin-top:1rem}.result-card{animation:slideUp .3s ease;border-radius:12px;margin-top:1.25rem;padding:1.25rem}.result-card.correct{background:#10b98126;border:1px solid #10b9814d}.result-card.incorrect{background:#ef444426;border:1px solid #ef44444d}.result-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:.5rem 0 0}.practice-tips{background:var(--surface-hover);border-radius:12px;margin-top:1.5rem;padding:1rem}.practice-tips h4{color:var(--text-primary);font-size:.95rem;margin-bottom:.75rem}.practice-tips ul{list-style:disc;margin-left:1.25rem}.practice-tips li{color:var(--text-secondary);font-size:.9rem;margin-bottom:.4rem}.min-chars{color:var(--text-secondary);font-size:.85rem;margin-top:.5rem}.quiz-phase{max-width:700px;width:100%}.quiz-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.question-counter{color:var(--text-secondary);font-size:.95rem}.question-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;margin-bottom:1.5rem;padding:2rem}.question-card h2{color:var(--text-primary);font-size:1.5rem;line-height:1.5;margin-bottom:2rem;text-align:center}.answer-options{display:flex;flex-direction:column;gap:.75rem}.answer-options .option-btn{align-items:center;background:var(--background);border:2px solid var(--border);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font:inherit;gap:1rem;padding:1rem 1.25rem;text-align:left;transition:all .3s ease;width:100%}.answer-options .option-btn.selected,.answer-options .option-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary)}.answer-options .option-btn:disabled{cursor:not-allowed;opacity:.7}.answer-option{align-items:center;background:var(--background);border:2px solid var(--border);border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.25rem;text-align:left;transition:all .3s ease}.answer-option:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary)}.answer-option.selected{background:#ec48991a;border-color:var(--primary)}.answer-option.correct{background:#10b98126;border-color:#10b981}.answer-option.incorrect{background:#ef444426;border-color:#ef4444}.option-letter{align-items:center;background:var(--border);border-radius:50%;color:var(--text-primary);display:flex;flex-shrink:0;font-weight:700;height:32px;justify-content:center;width:32px}.answer-option.selected .option-letter{background:var(--primary);color:#fff}.answer-option.correct .option-letter{background:#10b981;color:#fff}.answer-option.incorrect .option-letter{background:#ef4444;color:#fff}.option-text{color:var(--text-primary);flex:1 1;font-size:1rem}.result-icon{font-size:1.25rem}.answer-option.correct .result-icon{color:#10b981}.answer-option.incorrect .result-icon{color:#ef4444}.fill-answer{display:flex;gap:1rem;justify-content:center}.fill-answer input{background:var(--background);border:2px solid var(--border);border-radius:12px;color:var(--text-primary);flex:1 1;font-size:1.1rem;max-width:300px;padding:1rem 1.5rem;text-align:center}.fill-answer input:focus{border-color:var(--primary);outline:none}.hint-btn{align-items:center;background:var(--surface-hover);border:1px solid var(--border);border-radius:50px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.4rem;padding:.75rem 1rem}.result-feedback{animation:slideUp .3s ease;border-radius:12px;margin-top:1.5rem;padding:1.25rem}.result-feedback.correct{background:#10b98126;border:1px solid #10b9814d}.result-feedback.incorrect{background:#ef444426;border:1px solid #ef44444d}.feedback-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.feedback-icon{font-size:1.5rem}.feedback-header span:last-child{color:var(--text-primary);font-size:1.1rem;font-weight:700}.explanation{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.quiz-actions{display:flex;gap:1rem;justify-content:center}.btn-skip{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:50px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;gap:.4rem;padding:1rem 1.5rem;transition:all .3s ease}.btn-skip:hover{background:var(--surface-hover)}.btn-check{background:linear-gradient(135deg,#10b981,#34d399);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 3rem;transition:all .3s ease}.btn-check:hover:not(:disabled){transform:scale(1.05)}.btn-check:disabled{cursor:not-allowed;opacity:.5}.btn-next{align-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;padding:1rem 3rem;transition:all .3s ease}.btn-next:hover{transform:scale(1.05)}.complete-phase{max-width:500px;text-align:center}.completion-animation{margin-bottom:1.5rem}.trophy{animation:celebrate 1s ease;display:inline-block;font-size:6rem}@keyframes celebrate{0%{transform:scale(0) rotate(-20deg)}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0)}}.complete-phase h1{color:var(--text-primary);font-size:2.5rem;margin-bottom:2rem}.completion-stats{display:flex;gap:2rem;justify-content:center;margin-bottom:2rem}.stat{text-align:center}.stat-value{color:var(--primary);display:block;font-size:2.5rem;font-weight:800;margin-bottom:.25rem}.stat-label{color:var(--text-secondary);font-size:.9rem}.perfect-badge{animation:shine 2s infinite;background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border:1px solid #fbbf2466;border-radius:50px;color:#fbbf24;display:inline-block;font-size:1.1rem;font-weight:600;margin-bottom:2rem;padding:1rem 2rem}@keyframes shine{0%,to{opacity:1}50%{opacity:.8}}.completion-actions{display:flex;gap:1rem;justify-content:center}.btn-share{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:50px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 1.5rem;transition:all .3s ease}.btn-share:hover{background:var(--surface-hover)}.btn-next-lesson{align-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.btn-next-lesson:hover{transform:scale(1.05)}.lesson-footer{background:var(--surface);border-top:1px solid var(--border);display:flex;gap:2rem;justify-content:center;padding:1rem 2rem}.footer-btn{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.4rem;padding:.5rem 1rem;transition:color .3s ease}.footer-btn:hover{color:var(--text-primary)}@media (max-width:768px){.lesson-header{padding:.75rem 1rem}.lesson-stats{gap:.5rem}.streak-counter,.xp-counter{font-size:.85rem;padding:.4rem .75rem}.lives span{font-size:1rem}.lesson-content{padding:1rem}.intro-icon{font-size:4rem}.intro-phase h1{font-size:1.5rem}.question-card{padding:1.5rem}.question-card h2{font-size:1.2rem}.completion-stats{flex-direction:column;gap:1rem}.stat-value{font-size:2rem}.completion-actions{flex-direction:column}.lesson-footer{gap:1rem}.footer-btn span{display:none}}@media (max-width:480px){.quiz-actions{flex-direction:column}.btn-check,.btn-next,.btn-skip{justify-content:center;width:100%}}.article-modal-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;bottom:0;left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.article-modal{animation:slideUp .3s ease-out;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);margin:var(--spacing-xl) auto;max-width:900px;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:var(--surface);border-bottom:1px solid var(--border);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-md);position:-webkit-sticky;position:sticky;top:0;z-index:100}.open-page-btn{align-items:center;background:var(--background);border:none;border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.open-page-btn:hover{background:var(--primary);color:#fff}.close-btn{align-items:center;background:var(--background);border:none;border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.close-btn:hover{background:var(--error);color:#fff;transform:rotate(90deg)}.modal-cover{height:300px;overflow:hidden;position:relative;width:100%}.modal-cover img{height:100%;object-fit:cover;width:100%}.modal-category{align-items:center;border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:var(--spacing-xs);left:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-lg);position:absolute;top:var(--spacing-lg)}.modal-content{margin:0 auto;max-width:800px;padding:var(--spacing-xl)}.journal-header{border-bottom:3px double var(--border);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg) 0;text-align:center}.journal-name{color:var(--primary);display:block;font-size:2rem;font-weight:700;letter-spacing:.3em;margin-bottom:var(--spacing-xs);text-transform:uppercase}.journal-issue{color:var(--text-secondary);display:block;font-size:.875rem;font-style:italic}.article-header{border-bottom:2px solid var(--border);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.article-header h1{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1.3;margin-bottom:var(--spacing-lg)}.article-authors{gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.article-authors,.author-item{display:flex;flex-direction:column}.author-name{color:var(--text-primary);font-size:.9375rem;font-weight:600}.author-affiliation{color:var(--text-secondary);font-size:.8125rem;font-style:italic}.article-keywords{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.875rem;gap:var(--spacing-sm)}.keyword-tag{background:var(--background);border-radius:var(--radius-full);color:var(--primary);font-weight:500;padding:4px 12px}.article-sections{font-family:Times New Roman,Georgia,serif}.article-section{break-inside:avoid;margin-bottom:var(--spacing-lg);page-break-inside:avoid}.article-section .section-title{color:var(--text-primary);font-size:1.125rem;font-weight:700;letter-spacing:.05em;margin-bottom:var(--spacing-sm);text-align:center;text-transform:uppercase}.article-section .section-text{color:var(--text-secondary);font-size:.95rem;line-height:1.8;margin-bottom:var(--spacing-sm);text-align:justify;text-indent:2rem}.references-list{padding-left:var(--spacing-lg)}.references-list li{color:var(--text-secondary);font-size:.9375rem;line-height:1.8;margin-bottom:var(--spacing-md)}.section-figures{margin:var(--spacing-lg) 0}.article-figure{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);margin:var(--spacing-lg) auto;max-width:100%;overflow:hidden}.article-figure img{display:block;height:auto;width:100%}.article-figure figcaption{background:var(--surface);border-top:1px solid var(--border);color:var(--text-secondary);font-size:.875rem;font-style:italic;padding:var(--spacing-md);text-align:center}.section-abstract,.section-intro{background:var(--background);border-left:4px solid var(--primary);border-radius:var(--radius-md);padding:var(--spacing-lg)}.section-abstract .section-text,.section-abstract p,.section-intro .section-text,.section-intro p{font-style:italic;text-indent:0!important}.section-conclusion{background:linear-gradient(90deg,#6366f11a,#0000);border-radius:var(--radius-md);padding:var(--spacing-lg)}.section-bibliography h2{font-size:1.25rem}.login-to-comment{background:var(--background);border:1px dashed var(--border);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);text-align:center}.login-to-comment p{color:var(--text-secondary);margin:0 0 var(--spacing-md) 0}.login-actions{display:flex;gap:var(--spacing-md);justify-content:center}.login-btn,.register-btn{border-radius:var(--radius-md);font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;transition:all var(--transition-fast)}.login-btn{background:var(--primary);color:#fff}.login-btn:hover{background:#4f46e5}.register-btn{background:var(--surface-hover);border:1px solid var(--border);color:var(--text-primary)}.register-btn:hover{background:var(--border)}.no-comments{color:var(--text-secondary);padding:var(--spacing-lg);text-align:center}.article-footer{border-top:2px solid var(--border);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.graphyra-attribution{align-items:center;background:linear-gradient(135deg,#4a90e21a,#3498db1a);border-radius:var(--radius-md);color:var(--primary);display:flex;font-size:.9375rem;font-weight:600;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-lg)}.modal-actions{background:var(--surface);border-top:2px solid var(--border);bottom:0;box-shadow:0 -4px 12px #0000001a;padding:var(--spacing-lg);position:-webkit-sticky;position:sticky;z-index:100}.reactions-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.login-prompt-bar,.reactions-bar{align-items:center;display:flex;margin-bottom:var(--spacing-lg)}.login-prompt-bar{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);gap:var(--spacing-md);justify-content:center;padding:var(--spacing-lg)}.login-prompt-bar span{color:var(--text-secondary);font-size:.9rem}.login-prompt-bar .login-link{color:var(--primary);font-weight:600;text-decoration:none;transition:color var(--transition-fast)}.login-prompt-bar .login-link:hover{color:var(--primary-dark);text-decoration:underline}.reactions-label{color:var(--text-secondary);flex-shrink:0;font-size:.875rem;font-weight:600;white-space:nowrap}.reactions-list{display:flex;flex:1 1;flex-wrap:wrap;gap:var(--spacing-md)}.reaction-btn{align-items:center;background:#0000;border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:4px;min-width:60px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.reaction-btn:hover{background:#4a90e20d;border-color:var(--primary);transform:scale(1.05)}.reaction-btn.active{background:#4a90e21a;border-color:var(--primary)}.reaction-emoji{font-size:1.25rem}.reaction-count{color:var(--text-secondary);font-size:.75rem;font-weight:600}.main-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center}.action-btn{align-items:center;background:#0000;border:2px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:var(--spacing-sm);min-width:-webkit-fit-content;min-width:fit-content;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast);white-space:nowrap}.action-btn svg{flex-shrink:0;font-size:1.125rem}.action-btn span{display:inline-block}.action-btn:hover{background:#4a90e20d;border-color:var(--primary);color:var(--primary)}.action-btn.active{background:#ef44441a;border-color:var(--error);color:var(--error)}.comments-section{background:var(--background);border-top:2px solid var(--border);padding:var(--spacing-xl)}.comments-section h3{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-lg)}.comment-form{margin-bottom:var(--spacing-xl)}.comment-form textarea{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);font-size:.9375rem;margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.comment-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4a90e21a;outline:none}.btn-submit{align-items:center;background:var(--primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.btn-submit:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.comments-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.comment-item{gap:var(--spacing-md)}.comment-avatar{border-radius:var(--radius-full);flex-shrink:0;height:40px;object-fit:cover;width:40px}.comment-content{flex:1 1}.comment-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.comment-author{color:var(--text-primary);font-size:.9375rem;font-weight:600}.comment-time{color:var(--text-tertiary);font-size:.8125rem}.comment-text{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-sm)}.comment-actions{display:flex;gap:var(--spacing-md)}.comment-actions button{align-items:center;background:#0000;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:4px;padding:4px 8px;transition:all var(--transition-fast)}.comment-actions button:hover{color:var(--primary)}@media (max-width:768px){.article-modal{border-radius:0;margin:0;min-height:100vh}.modal-content{padding:var(--spacing-md)}.article-header h1{font-size:1.5rem}.reactions-bar{align-items:flex-start;flex-direction:column}.main-actions{flex-wrap:wrap}.action-btn{flex:1 1;justify-content:center;min-width:100px}.comments-section{padding:var(--spacing-md)}.article-section p{column-count:1}}.article-author-info{align-items:center;background:var(--background);border-radius:var(--radius-md);display:flex;gap:1rem;margin:1rem 0;padding:1rem}.article-author-info .author-avatar{border:2px solid var(--primary);border-radius:50%;height:50px;object-fit:cover;width:50px}.article-author-info .author-details{display:flex;flex-direction:column}.article-author-info .author-details strong{color:var(--text-primary);font-size:1rem}.article-author-info .author-details span{color:var(--text-secondary);font-size:.875rem}.video-modal-overlay{align-items:center;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.video-modal{background:var(--surface);border-radius:12px;max-height:90vh;max-width:1400px;overflow:hidden;position:relative;width:100%}.modal-close-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:background .2s;width:40px;z-index:10}.modal-close-btn:hover{background:#000000e6}.video-modal-content{display:grid;grid-template-columns:1fr 400px;height:90vh}.video-modal-player{align-items:center;background:#000;display:flex;justify-content:center;position:relative}.modal-video{height:100%;object-fit:contain;width:100%}.video-modal-controls{align-items:center;background:#000000b3;border-radius:8px;bottom:20px;display:flex;gap:10px;left:20px;padding:10px 15px;position:absolute;right:20px}.control-btn{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:24px;justify-content:center;transition:transform .2s}.control-btn:hover{transform:scale(1.1)}.video-time{color:#fff;font-size:14px;margin-left:auto}.video-modal-category{align-items:center;border-radius:20px;color:#fff;display:flex;font-size:14px;font-weight:600;gap:5px;left:20px;padding:8px 16px;position:absolute;top:20px}.video-modal-sidebar{background:var(--surface);overflow-y:auto;padding:30px}.video-modal-info h2{color:var(--text-primary);font-size:24px;margin-bottom:15px}.video-modal-info p{color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.video-modal-author{align-items:center;border-bottom:1px solid var(--border);border-top:1px solid var(--border);display:flex;gap:12px;margin-bottom:20px;padding:15px 0}.video-modal-author img{border-radius:50%;height:48px;object-fit:cover;width:48px}.video-modal-author strong{color:var(--text-primary);display:block;font-size:16px}.video-modal-author span{color:var(--text-secondary);display:block;font-size:14px;margin-top:4px}.video-modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.video-modal-actions .action-btn{align-items:center;background:var(--surface-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;gap:8px;justify-content:center;min-width:100px;padding:12px 16px;transition:all .2s}.video-modal-actions .action-btn.active,.video-modal-actions .action-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.video-modal-comments h3{color:var(--text-primary);font-size:18px;margin-bottom:20px}.comment-form{margin-bottom:20px}.comment-form textarea{background:var(--surface-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:inherit;margin-bottom:10px;padding:12px;resize:vertical;width:100%}.comment-form button{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.comments-list{max-height:400px;overflow-y:auto}.comment-item{display:flex;gap:12px;margin-bottom:20px}.comment-item img{border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.comment-content strong{display:block}.comment-content p,.comment-content strong{color:var(--text-primary);font-size:14px;margin-bottom:4px}.comment-content p{line-height:1.5}.comment-time{color:var(--text-secondary);font-size:12px}@media (max-width:1024px){.video-modal-content{grid-template-columns:1fr;height:auto}.video-modal-player{height:60vh}.video-modal-sidebar{max-height:40vh}}.video-reactions-bar{background:var(--background);border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:12px}.video-reactions-bar .reaction-btn{align-items:center;background:#0000;border:2px solid var(--border);border-radius:20px;cursor:pointer;display:flex;gap:6px;padding:8px 14px;transition:all .2s}.video-reactions-bar .reaction-btn:hover{background:#6366f11a;border-color:var(--primary)}.video-reactions-bar .reaction-btn.active{background:#6366f133;border-color:var(--primary)}.video-reactions-bar .reaction-emoji{font-size:1.2rem}.video-reactions-bar .reaction-count{color:var(--text-secondary);font-size:.875rem}.video-modal-info .login-prompt-reactions{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px dashed var(--border);border-radius:12px;color:var(--text-secondary);font-size:.9rem;margin:.5rem 0;padding:1rem 1.5rem;text-align:center}.video-modal-info .login-prompt-reactions span{align-items:center;display:flex;gap:.5rem;justify-content:center}.App{min-height:100vh}.container{margin:0 auto;max-width:var(--max-width);padding:0 var(--spacing-lg);width:100%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-auto{margin-top:auto}.mb-0{margin-bottom:0}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1.5;padding:.5rem 1.25rem;text-decoration:none;transition:all var(--transition-fast)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:var(--shadow-sm);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-ghost{background:#0000;color:var(--text-secondary)}.btn-ghost:hover{background:var(--background);color:var(--primary)}.btn-block{width:100%}.btn-sm{border-radius:var(--radius-sm);font-size:.875rem;padding:.375rem .75rem}.loading-container{align-items:center;display:flex;justify-content:center;min-height:60vh}.spinner{animation:spin .8s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.hide-mobile{display:block}.show-mobile{display:none}@media (max-width:768px){.hide-mobile{display:none}.show-mobile{display:block}}
/*# sourceMappingURL=main.8b4b1908.css.map*/