:root{--tt-brand: #7C3AED;--tt-brand-deep: #5B21B6;--tt-accent: #E11D63;--tt-accent-deep: #9F1239;--tt-gold: #F59E0B;--tt-emerald: #10B981;--tt-blue: #3B82F6;--tt-bg: #0A0A0F;--tt-bg-alt: #13131C;--tt-bg-card: #1A1A26;--tt-bg-card-hi: #22222F;--tt-bg-input: #1F1F2C;--tt-bg-scrim: rgba(0,0,0,.65);--tt-text: #F5F5F7;--tt-text-muted: #A8A8B8;--tt-text-dim: #6B6B7A;--tt-text-inverse: #0A0A0F;--tt-border: rgba(255,255,255,.08);--tt-border-hi: rgba(255,255,255,.16);--tt-danger: #EF4444;--tt-warning: #F59E0B;--tt-success: #10B981;--tt-info: #3B82F6;--tt-gradient-brand: linear-gradient(135deg, #7C3AED 0%, #E11D63 100%);--tt-gradient-sunset: linear-gradient(135deg, #F59E0B 0%, #E11D63 100%);--tt-gradient-midnight: linear-gradient(135deg, #0A0A0F 0%, #1A1A26 100%);--tt-gradient-success: linear-gradient(135deg, #10B981 0%, #059669 100%);--tt-gradient-blue: linear-gradient(135deg, #3B82F6 0%, #1E40AF 100%);--tt-xs: 4px;--tt-s: 8px;--tt-m: 12px;--tt-l: 16px;--tt-xl: 20px;--tt-xxl: 24px;--tt-3xl: 32px;--tt-huge: 48px;--tt-giant: 64px;--tt-radius-xs: 4px;--tt-radius-s: 8px;--tt-radius-m: 12px;--tt-radius-l: 16px;--tt-radius-xl: 20px;--tt-radius-xxl: 28px;--tt-radius-pill: 999px;--tt-shadow-sm: 0 2px 4px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--tt-shadow-md: 0 4px 10px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.06);--tt-shadow-lg: 0 8px 24px rgba(0,0,0,.16), 0 4px 8px rgba(0,0,0,.08);--tt-shadow-xl: 0 16px 40px rgba(0,0,0,.24), 0 8px 16px rgba(0,0,0,.12);--tt-shadow-glow-brand: 0 8px 24px rgba(124,58,237,.4);--tt-shadow-glow-accent: 0 8px 24px rgba(225,29,99,.4);--tt-ease-out: cubic-bezier(.05, .7, .1, 1);--tt-ease-emphasized: cubic-bezier(.4, 0, .2, 1);--tt-duration-fast: .15s;--tt-duration-base: .25s;--tt-duration-slow: .4s}.tt-premium-page{min-height:100vh;background:radial-gradient(circle at 15% 10%,rgba(124,58,237,.14),transparent 45%),radial-gradient(circle at 85% 90%,rgba(225,29,99,.12),transparent 45%),var(--tt-bg);color:var(--tt-text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.tt-page-inner{max-width:1200px;margin:0 auto;padding:var(--tt-huge) var(--tt-xxl)}@media (max-width: 768px){.tt-page-inner{padding:var(--tt-3xl) var(--tt-l)}}.tt-display{font-size:56px;font-weight:800;letter-spacing:-1.5px;line-height:1.05;margin:0}.tt-h1{font-size:40px;font-weight:800;letter-spacing:-.8px;line-height:1.1;margin:0}.tt-h2{font-size:32px;font-weight:800;letter-spacing:-.4px;line-height:1.2;margin:0}.tt-h3{font-size:24px;font-weight:700;letter-spacing:-.2px;line-height:1.3;margin:0}.tt-h4{font-size:18px;font-weight:700;line-height:1.4;margin:0}.tt-body{font-size:15px;line-height:1.55;margin:0}.tt-small{font-size:13px;line-height:1.5;margin:0}.tt-caption{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin:0}.tt-text-muted{color:var(--tt-text-muted)}.tt-text-dim{color:var(--tt-text-dim)}.tt-text-gradient{background:var(--tt-gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.tt-text-gold{color:var(--tt-gold)}.tt-text-emerald{color:var(--tt-emerald)}@media (max-width: 768px){.tt-display{font-size:36px}.tt-h1{font-size:28px}.tt-h2{font-size:24px}}.tt-hero{text-align:center;margin-bottom:var(--tt-huge)}.tt-hero__eyebrow{color:var(--tt-gold);font-size:12px;font-weight:800;letter-spacing:3px;text-transform:uppercase;margin-bottom:var(--tt-m)}.tt-hero__title{margin-bottom:var(--tt-l)}.tt-hero__sub{color:var(--tt-text-muted);font-size:17px;max-width:640px;margin:0 auto;line-height:1.55}.tt-card{background:var(--tt-bg-card);border:1px solid var(--tt-border);border-radius:var(--tt-radius-l);padding:var(--tt-xxl);transition:all var(--tt-duration-base) var(--tt-ease-out)}.tt-card:hover{border-color:var(--tt-border-hi)}.tt-card--interactive{cursor:pointer}.tt-card--interactive:hover{transform:translateY(-4px);box-shadow:var(--tt-shadow-lg);border-color:var(--tt-border-hi)}.tt-card--glass{background:#1a1a2699;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08)}.tt-card--gradient{background:var(--tt-gradient-brand);color:#fff}.tt-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--tt-s);padding:14px 24px;font-size:15px;font-weight:700;letter-spacing:.3px;border:none;border-radius:var(--tt-radius-m);cursor:pointer;transition:all var(--tt-duration-fast) var(--tt-ease-out);text-decoration:none;outline:none;white-space:nowrap}.tt-btn:focus-visible{outline:2px solid var(--tt-brand);outline-offset:2px}.tt-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.tt-btn--primary{background:var(--tt-gradient-brand);color:#fff;box-shadow:var(--tt-shadow-glow-brand)}.tt-btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #7c3aed8c}.tt-btn--secondary{background:var(--tt-bg-card-hi);color:var(--tt-text);border:1px solid var(--tt-border)}.tt-btn--secondary:hover:not(:disabled){background:#2a2a38;border-color:var(--tt-border-hi);transform:translateY(-1px)}.tt-btn--ghost{background:transparent;color:var(--tt-text-muted)}.tt-btn--ghost:hover:not(:disabled){color:var(--tt-text);background:var(--tt-bg-card)}.tt-btn--sm{padding:8px 14px;font-size:13px}.tt-btn--lg{padding:16px 32px;font-size:16px}.tt-btn--full{width:100%}.tt-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--tt-bg-card);color:var(--tt-text-muted);border:1px solid var(--tt-border);border-radius:var(--tt-radius-pill);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--tt-duration-fast) var(--tt-ease-out);white-space:nowrap}.tt-chip:hover{border-color:var(--tt-border-hi);color:var(--tt-text)}.tt-chip.active{background:var(--tt-brand);color:#fff;border-color:var(--tt-brand)}.tt-chip--verified.active{background:var(--tt-blue);border-color:var(--tt-blue)}.tt-input{width:100%;background:var(--tt-bg-input);color:var(--tt-text);border:1px solid var(--tt-border);border-radius:var(--tt-radius-m);padding:14px 16px;font-size:15px;font-family:inherit;transition:all var(--tt-duration-fast) var(--tt-ease-out)}.tt-input:focus{outline:none;border-color:var(--tt-brand);box-shadow:0 0 0 4px #7c3aed2e}.tt-input::placeholder{color:var(--tt-text-dim)}.tt-input--lg{padding:18px 22px;font-size:17px;border-radius:var(--tt-radius-l)}.tt-field-label{display:block;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--tt-text-muted);margin-bottom:var(--tt-s)}.tt-search{display:flex;align-items:center;gap:var(--tt-m);background:var(--tt-bg-card);border:1px solid var(--tt-border);border-radius:var(--tt-radius-pill);padding:4px 4px 4px 20px;box-shadow:var(--tt-shadow-md);transition:all var(--tt-duration-fast) var(--tt-ease-out)}.tt-search:focus-within{border-color:var(--tt-brand);box-shadow:0 0 0 4px #7c3aed29,var(--tt-shadow-md)}.tt-search__icon{color:var(--tt-text-muted);font-size:18px}.tt-search__input{flex:1;background:transparent;border:none;color:var(--tt-text);font-size:15px;padding:14px 0;outline:none;font-family:inherit}.tt-search__input::placeholder{color:var(--tt-text-dim)}.tt-search__btn{background:var(--tt-gradient-brand);color:#fff;border:none;border-radius:var(--tt-radius-pill);padding:12px 22px;font-weight:700;cursor:pointer;transition:transform var(--tt-duration-fast)}.tt-search__btn:hover{transform:scale(1.03)}.tt-grid{display:grid;gap:var(--tt-xxl);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.tt-tut-card{background:var(--tt-bg-card);border:1px solid var(--tt-border);border-radius:var(--tt-radius-l);overflow:hidden;cursor:pointer;transition:all var(--tt-duration-base) var(--tt-ease-out);position:relative;display:flex;flex-direction:column}.tt-tut-card:hover{transform:translateY(-6px);box-shadow:var(--tt-shadow-lg);border-color:var(--tt-border-hi)}.tt-tut-card__hero{position:relative;height:170px;display:flex;align-items:center;justify-content:center;overflow:hidden}.tt-tut-card__hero-emoji{font-size:72px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.3));z-index:2}.tt-tut-card__hero-thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.tt-tut-card__class-badge{position:absolute;top:12px;left:12px;padding:4px 10px;background:#00000080;color:#fff;font-size:11px;font-weight:800;letter-spacing:.5px;border-radius:var(--tt-radius-s);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:3}.tt-tut-card__verified{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;background:var(--tt-blue);border:2px solid #fff;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:800;box-shadow:var(--tt-shadow-sm);z-index:3}.tt-tut-card__file-pill{position:absolute;bottom:12px;left:12px;padding:4px 10px;font-size:10px;font-weight:800;letter-spacing:.5px;color:#fff;border-radius:var(--tt-radius-pill);z-index:3}.tt-tut-card__body{padding:var(--tt-l) var(--tt-xl) var(--tt-xl)}.tt-tut-card__title{font-size:16px;font-weight:700;color:var(--tt-text);margin:0 0 var(--tt-s);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tt-tut-card__meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--tt-text-muted);margin-bottom:var(--tt-s)}.tt-tut-card__meta-subject{font-weight:800}.tt-tut-card__bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--tt-text-dim)}@keyframes tt-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes tt-pulse-glow{0%,to{box-shadow:0 0 #7c3aed00}50%{box-shadow:0 0 0 12px #7c3aed2e}}.tt-fade-up{animation:tt-fade-up .4s var(--tt-ease-out) both}.tt-stagger-1{animation-delay:.05s}.tt-stagger-2{animation-delay:.1s}.tt-stagger-3{animation-delay:.15s}@keyframes tt-skeleton{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.tt-skeleton{background:linear-gradient(90deg,var(--tt-bg-card) 0%,var(--tt-bg-card-hi) 50%,var(--tt-bg-card) 100%);background-size:200px 100%;background-repeat:no-repeat;animation:tt-skeleton 1.4s ease-in-out infinite;border-radius:var(--tt-radius-s)}.tt-empty{text-align:center;padding:var(--tt-giant) var(--tt-xxl)}.tt-empty__emoji{font-size:72px;margin-bottom:var(--tt-l)}.tt-empty__title{color:var(--tt-text);margin-bottom:var(--tt-s)}.tt-empty__sub{color:var(--tt-text-muted);max-width:420px;margin:0 auto var(--tt-xl)}.tt-fab{position:fixed;right:var(--tt-3xl);bottom:var(--tt-3xl);width:64px;height:64px;border-radius:50%;background:var(--tt-gradient-brand);color:#fff;border:none;font-size:32px;font-weight:300;cursor:pointer;box-shadow:var(--tt-shadow-glow-brand);transition:all var(--tt-duration-base) var(--tt-ease-out);z-index:50}.tt-fab:hover{transform:scale(1.08);box-shadow:0 16px 40px #7c3aed8c}.tt-ftype-pdf{background:#e11d63d9}.tt-ftype-image{background:#f59e0bd9}.tt-ftype-video{background:#7c3aedd9}