:root{--brand-cyan: #00f2fe;--brand-blue: #3a7bd5;--brand-purple: #7f00ff;--brand-magenta: #ff007f;--brand-pink: #e040fb;--gradient-neon: linear-gradient(135deg, #00f2fe 0%, #4facfe 35%, #7f00ff 70%, #ff007f 100%);--gradient-brand: linear-gradient(135deg, #00f2fe 0%, #7f00ff 50%, #ff007f 100%);--gradient-accent: linear-gradient(135deg, #e040fb 0%, #ff007f 100%);--gradient-blue-cyan: linear-gradient(135deg, #00b4db 0%, #0083b0 100%);--gradient-glow: radial-gradient(circle at 50% 0%, rgba(0, 242, 254, .15), transparent 70%);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Outfit", "Inter", -apple-system, sans-serif;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--header-height: 72px;--container-max: 1240px}[data-theme=dark]{--bg-primary: #070a13;--bg-secondary: #0c1122;--bg-tertiary: #131b31;--bg-card: rgba(15, 23, 42, .75);--bg-card-hover: rgba(23, 33, 59, .85);--bg-input: #0b1020;--bg-glass: rgba(12, 17, 34, .82);--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #070a13;--border-color: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .04);--border-accent: rgba(0, 242, 254, .3);--border-glow: 0 0 20px rgba(0, 242, 254, .2);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .65);--shadow-glow: 0 0 30px rgba(0, 242, 254, .18);--shadow-magenta: 0 0 30px rgba(255, 0, 127, .2);--status-success: #10b981;--status-warning: #f59e0b;--status-error: #ef4444;--status-info: #00f2fe}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-input: #f8fafc;--bg-glass: rgba(255, 255, 255, .85);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--border-color: rgba(0, 0, 0, .08);--border-subtle: rgba(0, 0, 0, .04);--border-accent: rgba(0, 180, 219, .4);--border-glow: 0 0 15px rgba(0, 180, 219, .15);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .04);--shadow-md: 0 8px 20px rgba(0, 0, 0, .07);--shadow-lg: 0 16px 36px rgba(0, 0, 0, .1);--shadow-glow: 0 0 25px rgba(0, 180, 219, .12);--shadow-magenta: 0 0 25px rgba(255, 0, 127, .12);--status-success: #059669;--status-warning: #d97706;--status-error: #dc2626;--status-info: #0284c7}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:16px;line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:50%;transform:translate(-50%);width:100vw;height:600px;background:radial-gradient(circle 500px at 50% 10%,rgba(0,242,254,.08),rgba(127,0,255,.05),transparent 70%);pointer-events:none;z-index:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:700;line-height:1.2;letter-spacing:-.02em}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}img,svg,video{max-width:100%;height:auto;display:block}ul,ol{list-style:none}.app-container{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.main-content{flex:1 0 auto}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}@media(max-width:640px){.container{padding-left:1rem;padding-right:1rem}}.gradient-text{background:var(--gradient-neon);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-pink{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-cyan{background:var(--gradient-blue-cyan);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--brand-cyan);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-sans);font-weight:600;font-size:.95rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);transition:all var(--transition-normal);white-space:nowrap;-webkit-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:relative;overflow:hidden}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary{background:var(--gradient-neon);color:#fff;box-shadow:0 4px 15px #00f2fe40}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #00f2fe66}.btn-accent{background:var(--gradient-accent);color:#fff;box-shadow:0 4px 15px #ff007f40}.btn-accent:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ff007f66}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-accent);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-outline:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--brand-cyan)}.btn-sm{padding:.45rem .9rem;font-size:.85rem;border-radius:var(--radius-sm)}.btn-lg{padding:1rem 2.2rem;font-size:1.1rem;border-radius:var(--radius-lg);font-weight:700}.btn-icon-only{padding:.6rem;border-radius:var(--radius-md)}.card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.75rem;transition:all var(--transition-normal);position:relative}.card-hover:hover{transform:translateY(-4px);border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.card-glowing{border-color:#00f2fe4d;box-shadow:var(--shadow-glow)}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.form-label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.input-wrapper{position:relative;display:flex;align-items:center;width:100%}.form-input,.form-textarea,.form-select{width:100%;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.85rem 1.1rem;color:var(--text-primary);font-size:.95rem;transition:all var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--brand-cyan);box-shadow:0 0 0 3px #00f2fe26}.form-textarea{min-height:120px;resize:vertical}.hero-url-container{max-width:780px;margin:2rem auto;position:relative}.hero-url-box{display:flex;align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-xl);padding:.5rem;box-shadow:var(--shadow-lg);transition:all var(--transition-normal)}.hero-url-box:focus-within{border-color:var(--brand-cyan);box-shadow:var(--shadow-glow)}.hero-url-input{flex:1;background:transparent;border:none;padding:.9rem 1.25rem;font-size:1.05rem;color:var(--text-primary);outline:none}.hero-url-input::placeholder{color:var(--text-muted)}@media(max-width:640px){.hero-url-box{flex-direction:column;padding:.75rem;gap:.75rem;border-radius:var(--radius-lg)}.hero-url-input{width:100%;padding:.5rem}.hero-url-box .btn{width:100%}}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full)}.badge-cyan{background:#00f2fe1f;color:var(--brand-cyan);border:1px solid rgba(0,242,254,.25)}.badge-magenta{background:#ff007f1f;color:var(--brand-magenta);border:1px solid rgba(255,0,127,.25)}.badge-purple{background:#7f00ff1f;color:#a855f7;border:1px solid rgba(127,0,255,.25)}.badge-gray{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.alert{display:flex;align-items:flex-start;gap:.85rem;padding:1rem 1.25rem;border-radius:var(--radius-md);font-size:.9rem;line-height:1.45;margin:1rem 0}.alert-info{background:#00f2fe14;border:1px solid rgba(0,242,254,.2);color:var(--text-primary)}.alert-warning{background:#f59e0b14;border:1px solid rgba(245,158,11,.25);color:var(--text-primary)}.alert-error{background:#ef444414;border:1px solid rgba(239,68,68,.25);color:var(--text-primary)}.alert-success{background:#10b98114;border:1px solid rgba(16,185,129,.25);color:var(--text-primary)}.progress-bar-container{width:100%;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:var(--gradient-neon);border-radius:var(--radius-full);transition:width .3s ease}.progress-bar-indeterminate{width:35%;position:absolute;top:0;left:0;bottom:0;background:var(--gradient-neon);border-radius:var(--radius-full);animation:indeterminateProgress 1.5s infinite ease-in-out}@keyframes indeterminateProgress{0%{left:-35%}50%{left:40%;width:50%}to{left:100%;width:30%}}.section-header{text-align:center;max-width:720px;margin:0 auto 3rem}.section-header .section-tag{display:inline-block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--brand-cyan);margin-bottom:.5rem}.section-header h2{font-size:2.25rem;margin-bottom:.75rem}.section-header p{color:var(--text-secondary);font-size:1.1rem}@media(max-width:640px){.section-header h2{font-size:1.75rem}}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.tool-card{display:flex;flex-direction:column;justify-content:space-between;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;text-decoration:none;transition:all var(--transition-normal);position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--gradient-neon);opacity:0;transition:opacity var(--transition-normal)}.tool-card:hover{transform:translateY(-4px);border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.tool-card:hover:before{opacity:1}.tool-card-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--brand-cyan);margin-bottom:1.25rem;transition:all var(--transition-fast)}.tool-card:hover .tool-card-icon{background:#00f2fe26;transform:scale(1.08)}.tool-card-title{font-size:1.15rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.tool-card-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.45;margin-bottom:1rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050811cc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:999;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-accent);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),var(--shadow-glow);width:100%;max-width:600px;max-height:85vh;overflow-y:auto;padding:2rem;position:relative}.dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:2.5rem 1.5rem;text-align:center;cursor:pointer;background:var(--bg-tertiary);transition:all var(--transition-normal);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.dropzone:hover,.dropzone.active{border-color:var(--brand-cyan);background:#00f2fe0a}.dropzone-icon{width:56px;height:56px;border-radius:var(--radius-full);background:#00f2fe1a;display:flex;align-items:center;justify-content:center;color:var(--brand-cyan)}