:root{--bg:#fff;--fg:#111827;--muted:#6b7280;--black:#000;--amber:#f59e0b;--amber-700:#b45309;--panel:#f8fafc;--ring:0 0 0 3px rgba(245,158,11,.35)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;line-height:1.5}a{color:inherit;position:relative;text-decoration:none;transition:color .25s ease}a:after{content:"";position:absolute;width:0;height:2px;left:0;bottom:-2px;background:var(--amber);transition:width .3s ease}a:hover:after{width:100%}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.top-bar{background:#fde4b2;color:#000;display:flex;justify-content:space-between;align-items:center;padding:5px 50px;font-size:14px}.top-bar a{color:#000;margin-left:5px}.nav{width:100%;position:-webkit-sticky;position:sticky;top:0;z-index:40;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid #e5e7eb}.nav:hover{background:#fff}.nav-inner{height:64px;justify-content:space-between}.logo,.nav-inner{display:flex;align-items:center}.logo{gap:.95rem}.logo img{height:66px;width:80px;transition:transform .4s ease}.logo img:hover{transform:rotate(-3deg) scale(1.05)}.nav-links{display:flex;gap:25px;font-weight:600}.nav-links a{color:#374151;font-size:16px}.nav-links a:hover{color:#111827}.dropdown{position:relative}.dropbtn{background:none;border:none;font-weight:600;font-size:16px;cursor:pointer;color:#374151;padding:0;display:flex;align-items:center}.arrow{margin-left:4px;transition:transform .3s ease}.dropdown-content{opacity:0;transform:translateY(-8px);pointer-events:none;visibility:hidden;flex-direction:column;position:absolute;top:100%;left:0;background:#fff;min-width:180px;box-shadow:0 8px 16px rgba(0,0,0,.1);border-radius:8px;z-index:50;padding:0;max-height:0;overflow:hidden;transition:opacity .25s ease,transform .25s ease,max-height .3s ease}.dropdown:hover .dropdown-content{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible;padding:8px 0;max-height:500px}.dropdown:hover .arrow{transform:rotate(180deg)}.dropdown-content a{padding:10px 16px;color:#374151}.dropdown-content a:hover{background:#f3f4f6;color:#111827}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.1rem;font-weight:700;border-radius:12px;background:var(--amber);color:#fff;border:none;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:all .25s ease}.btn:hover{transform:scale(1.03);box-shadow:0 4px 12px rgba(0,0,0,.15)}.btn:active{transform:scale(.96)}.hamburger{display:none;font-size:24px;background:none;border:none;cursor:pointer}@media (max-width:768px){.nav-inner{display:flex;justify-content:center;align-items:center;position:relative}.nav .btn{font-size:14px;padding:.4rem .9rem;border-radius:8px;margin:0 auto;display:block}.hamburger{display:block;font-size:24px;background:none;border:none;cursor:pointer;position:absolute;right:1rem}.nav-links{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;flex-direction:column;padding:15px;border-top:1px solid #eee;max-height:0;overflow:hidden;opacity:0;transform:translateY(-10px);transition:all .3s ease}.nav-links.open{display:flex;max-height:500px;opacity:1;transform:translateY(0)}.dropdown-content{position:static;width:100%}.dropdown-content a{padding:10px;border-bottom:1px solid #eee}}.strength-card{flex:1 1;min-width:200px;padding:1rem;transition:transform .4s ease,box-shadow .4s ease;opacity:0;transform:translateY(40px);animation:fadeUp 1s ease forwards}.strength-card:first-child{animation-delay:.2s}.strength-card:nth-child(2){animation-delay:.4s}.strength-card:nth-child(3){animation-delay:.6s}.strength-icon{height:50px;margin-bottom:.75rem;transition:transform .3s ease,filter .3s ease}.strength-card:hover{transform:translateY(-8px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.strength-card:hover .strength-icon{transform:scale(1.15);filter:hue-rotate(-20deg) brightness(1.2)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.input,select{width:100%;padding:.8rem 1rem;border-radius:12px;border:1px solid #e5e7eb;outline:none;transition:all .3s ease}.input:focus,select:focus{box-shadow:var(--ring);border-color:var(--amber);transform:scale(1.01)}.grid{display:grid;grid-gap:2rem;gap:2rem}@media (min-width:640px){.grid-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}.card{background:#fff;border-radius:16px;box-shadow:0 10px 20px rgba(0,0,0,.06);padding:1.1rem;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-6px);box-shadow:0 16px 28px rgba(0,0,0,.12)}.hero{background:url(/assets/hero.png) 50%/cover no-repeat;position:relative;display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem 1rem;text-align:center;color:#fff;overflow:hidden}.hero .pattern{position:absolute;inset:0;background:radial-gradient(600px 260px at 20% 20%,rgba(245,158,11,.25),transparent),radial-gradient(480px 220px at 80% 0,rgba(245,158,11,.12),transparent);animation:shimmer 10s ease-in-out infinite alternate}@keyframes shimmer{0%{transform:translateX(0)}to{transform:translateX(50px)}}.hero-title{font-size:clamp(2rem,8vw,6rem);font-weight:900;font-family:fantasy;letter-spacing:.1em;background:linear-gradient(90deg,#ff9800,#ffc107);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 12px rgba(0,0,0,.25);text-transform:uppercase;margin:0;animation:fadeUp 1.5s ease both}.hero-sub{font-size:clamp(1rem,2.5vw,1.75rem);color:#fbbf24;margin-top:.75rem;animation:fadeUp 3s ease both}@media (max-width:768px){.hero{min-height:50vh;padding:3rem 1rem}.hero-title{font-size:clamp(2rem,10vw,4rem)}.hero-sub{font-size:1rem}}.footer form{display:grid;grid-gap:1rem;gap:1rem}@media (max-width:768px){.footer form{display:flex;flex-direction:column}.footer form button,.footer form input,.footer form select{width:100%;margin:.25rem 0}.footer form button{order:99}.footer{text-align:center}}.tag{display:inline-block;background:#fef3c7;color:#b45309;padding:.25rem .65rem;border-radius:999px;font-size:.75rem;font-weight:700}.section{padding:4rem 0}.section-title{font-weight:900;font-size:1.9rem;margin:0 0 .25rem}.section-sub{color:var(--muted);margin:0 0 1rem}.item-img{height:180px;width:auto;max-width:100%;display:block;margin:0 auto;object-fit:contain;border-radius:14px;transition:transform .4s ease}.item-img:hover{transform:scale(1.1)}.kicker{color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:.8rem}.footer{background:#111827;color:#d1d5db}.footer a{color:#fbbf24;transition:color .3s ease}.footer a:hover{color:#fff}.error{color:#dc2626}.error,.success{font-size:.9rem;margin-top:.25rem}.success{color:#065f46}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}