:root{--color-primary:#f6821d;--color-primary-dark:#e66100;--color-primary-light:#ffa357;--color-secondary:#1a1a1a;--color-accent:#f6821d;--color-background:#fff;--color-background-dark:#1a1a1a;--color-text:#1a1a1a;--color-text-muted:#666;--color-text-inverse:#fff;--color-border:#e5e5e5;--font-display:"Playfair Display",Georgia,serif;--font-body:"DM Sans",system-ui,sans-serif;--font-mono:"Space Mono","Courier New",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:3rem;--text-4xl:4rem;--text-5xl:5rem;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem;--shadow-sm:0 2px 4px rgba(26,20,16,.08);--shadow-md:0 4px 12px rgba(26,20,16,.12);--shadow-lg:0 8px 24px rgba(26,20,16,.16);--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-base:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background-color:var(--color-background);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.1;letter-spacing:-.02em}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background-color:#7a3a23;transform:translateY(-2px)}.btn-secondary{background-color:transparent;color:var(--color-text);border:2px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-text)}.card{background-color:#fff;border:2px solid var(--color-border);padding:var(--space-md);transition:all var(--transition-base)}.card:hover{border-color:var(--color-primary)}.tag{display:inline-block;padding:var(--space-xs) var(--space-sm);background-color:var(--color-background);color:var(--color-text-muted);border:1px solid var(--color-border);font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast)}.tag:hover{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);font-weight:600;border:2px solid var(--color-border)}.badge-primary{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.rating{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-accent);font-weight:700;font-family:var(--font-mono);font-size:var(--text-lg)}.container{max-width:1400px;margin:0 auto;padding:0 var(--space-md);width:100%}.section{padding:var(--space-3xl) 0}.header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background-color:var(--color-background);border-bottom:2px solid var(--color-border)}.header-content{max-width:1400px;margin:0 auto;padding:var(--space-md) var(--space-md);justify-content:space-between}.header-content,.logo{display:flex;align-items:center}.logo{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--color-text);gap:var(--space-xs)}.nav{display:flex;gap:var(--space-lg);align-items:center}.nav-link{color:var(--color-text);font-weight:600;padding:var(--space-xs) var(--space-sm);transition:all var(--transition-fast);position:relative}.nav-link.active,.nav-link:hover{color:var(--color-primary)}.nav-link.active:after{content:"";position:absolute;bottom:-12px;left:0;right:0;height:3px;background-color:var(--color-primary)}.footer{border-top:3px solid var(--color-text);padding:var(--space-2xl) 0;margin-top:var(--space-3xl);background-color:var(--color-background-dark);color:var(--color-text-inverse)}.footer-content{max-width:1400px;margin:0 auto;padding:0 var(--space-md);text-align:center}.skip-link{position:absolute;top:-100px;left:50%;transform:translateX(-50%);background:var(--color-primary);color:#fff;padding:var(--space-sm) var(--space-md);text-decoration:none;font-weight:700;z-index:1000;transition:top var(--transition-fast)}.skip-link:focus{top:0}.tool-emoji{font-size:3rem;line-height:1;display:inline-block;transition:transform var(--transition-fast)}.tool-emoji:hover{transform:scale(1.1) rotate(5deg)}.featured-badge{position:absolute;top:-1px;right:-1px;background:var(--color-primary);color:#fff;padding:var(--space-xs) var(--space-md);font-size:var(--text-sm);font-weight:700;font-family:var(--font-mono)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:var(--space-md);gap:var(--space-md)}.stat-item{text-align:center;padding:var(--space-md);background:var(--color-background-dark);color:var(--color-text-inverse);border:2px solid var(--color-text)}.stat-number{font-size:var(--text-3xl);font-weight:800;font-family:var(--font-mono);color:var(--color-accent)}.stat-label{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-xs)}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.hero{position:relative;padding:var(--space-3xl) 0;overflow:hidden}.hero-content{position:relative;z-index:1}.vertical-text{writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-primary);opacity:.5}.section-number{font-family:var(--font-mono);font-size:var(--text-5xl);font-weight:800;color:var(--color-primary);opacity:.2;line-height:1}.divider{height:3px;background-color:var(--color-text);margin:var(--space-xl) 0}.divider-thin{height:1px;background-color:var(--color-border)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:float 4s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards}::selection{background-color:var(--color-primary);color:var(--color-text-inverse)}@media (max-width:968px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}.nav{gap:var(--space-sm)}.nav-link{font-size:var(--text-sm)}}@media (max-width:640px){h1{font-size:var(--text-2xl)}.header-content{flex-direction:column;gap:var(--space-sm)}.nav{width:100%;justify-content:center}}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinning-orb{animation:spin-slow 20s linear infinite}.geometric-line{height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.dotted-pattern{background-image:radial-gradient(circle,var(--color-primary) 1px,transparent 1px);background-size:20px 20px;opacity:.1}.decorative-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(246,130,29,.05) 1px,transparent 0),linear-gradient(90deg,rgba(246,130,29,.05) 1px,transparent 0);background-size:50px 50px;pointer-events:none}.orange-gradient{background:linear-gradient(135deg,#f6821d,#ffa357)}.tag-orange{border:2px solid var(--color-border);background:#fff;color:var(--color-text-muted);font-weight:600;transition:all var(--transition-fast)}.tag-orange:hover{border-color:var(--color-primary);color:var(--color-primary);background:#fff;transform:none}.card-hover-orange{transition:all var(--transition-fast)}.card-hover-orange:hover{border-color:var(--color-primary)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.spinning-orb{animation:none!important}}