:root{--indigo: #1B3A5C;--dark-denim: #0F2744;--faded-wash: #4A7BA7;--gold-thread: #C8A96E;--copper: #B87333;--red-tab: #CC0000;--leather: #8B6914;--leather-light: #A68B3C;--off-white: #F5F0E8;--pocket-bg: #16324F;--denim-mid: #234B73}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--dark-denim);color:var(--off-white);line-height:1.6;min-height:100vh}body:before{content:"";position:fixed;inset:0;z-index:-1;background:repeating-linear-gradient(90deg,transparent,transparent 1px,rgba(27,58,92,.15) 1px,rgba(27,58,92,.15) 2px),repeating-linear-gradient(160deg,transparent,transparent 2px,rgba(74,123,167,.08) 2px,rgba(74,123,167,.08) 4px),linear-gradient(180deg,var(--dark-denim) 0%,#0D2038 100%)}a{color:var(--gold-thread);text-decoration:none;transition:color .2s}a:hover{color:var(--off-white)}.site-wrapper{max-width:1100px;margin:0 auto;padding:0 1.25rem}.leather-patch{background:radial-gradient(ellipse at 30% 40%,rgba(255,255,255,.08) 0%,transparent 50%),linear-gradient(145deg,#c89b5a,#b8893e,#a87a34,#9a6e2c,#8b6220);border:2px solid #7A5A1A;border-radius:6px;padding:1rem 2rem;text-align:center;margin:2rem auto;max-width:fit-content;position:relative;box-shadow:inset 0 1px #fff3,inset 0 -1px #00000026,0 4px 12px #0006}.leather-patch:before{content:"";position:absolute;inset:6px;border:1.5px dashed var(--gold-thread);border-radius:4px;pointer-events:none;opacity:.6}.leather-patch h1{font-family:Abril Fatface,Georgia,serif;font-size:3rem;font-weight:400;color:#7b2318;text-shadow:0 -1px 0 rgba(0,0,0,.1),0 1px 0 rgba(255,255,255,.08);letter-spacing:.04em;line-height:1.2;text-transform:uppercase}.leather-patch .tagline{color:#5c2015;font-size:1rem;margin-top:.4rem;font-weight:500}.site-header{display:flex;align-items:center;justify-content:center}.site-header.has-back-link{justify-content:center;position:relative}.site-header .back-link{position:absolute;left:0}.back-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--faded-wash);white-space:nowrap}.back-link:hover{color:var(--gold-thread)}.code-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:1.5rem 0 3rem}.pocket-card{background:radial-gradient(ellipse at 30% 20%,rgba(74,123,167,.12) 0%,transparent 60%),linear-gradient(175deg,var(--pocket-bg) 0%,#122B45 100%);border:1.5px solid var(--denim-mid);border-radius:8px 8px 24px 24px;padding:1.25rem 1.25rem 1.5rem;position:relative;transition:transform .2s,box-shadow .2s;overflow:hidden}.pocket-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000059}.pocket-card:before{content:"";position:absolute;inset:6px;border:1.5px dashed var(--gold-thread);border-radius:6px 6px 20px 20px;pointer-events:none;opacity:.35}.pocket-card:after{content:"";position:absolute;top:12px;right:14px;width:8px;height:18px;background:var(--red-tab);border-radius:1px;transform:rotate(2deg);box-shadow:0 1px 3px #0000004d}.rivet{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#D4944A,var(--copper) 50%,#8B5A1B 100%);box-shadow:0 1px 2px #0006}.rivet-tl{top:10px;left:10px}.rivet-bl{bottom:10px;left:10px}.rivet-br{bottom:10px;right:10px}.pocket-card .code-number{font-size:2.5rem;font-weight:800;color:var(--off-white);line-height:1;margin-bottom:.25rem}.pocket-card .http-name{font-size:.85rem;font-weight:600;color:var(--faded-wash);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.6rem}.pocket-card .levis-style{font-size:.95rem;color:var(--gold-thread)}.pocket-card .levis-style span{font-weight:600}.badge{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.25rem .6rem;margin-top:.5rem;margin-right:.3rem;position:relative;border-radius:2px}.badge-cloudflare{background:linear-gradient(135deg,#e8740e,#f6821f,#e8740e);color:#fff;border:1.5px dashed rgba(255,255,255,.45);box-shadow:0 1px 3px #0000004d,inset 0 1px #ffffff26}.badge-discontinued{background:linear-gradient(135deg,#2a4a6a,#1e3a56);color:var(--faded-wash);border:1.5px dashed var(--gold-thread);opacity:.7;box-shadow:0 1px 3px #0000004d}.code-page{padding:1rem 0 3rem}.code-hero{text-align:center;padding:2rem 0 1.5rem}.code-hero .big-number{font-size:6rem;font-weight:900;line-height:1;color:var(--off-white);text-shadow:0 2px 8px rgba(0,0,0,.3)}.code-hero .big-number-label{font-size:1.1rem;color:var(--faded-wash);margin-top:.25rem}.code-detail{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}.detail-panel{background:radial-gradient(ellipse at 50% 0%,rgba(74,123,167,.08) 0%,transparent 60%),linear-gradient(175deg,var(--pocket-bg) 0%,#122B45 100%);border:1.5px solid var(--denim-mid);border-radius:8px;padding:1.5rem;position:relative}.detail-panel:before{content:"";position:absolute;inset:5px;border:1.5px dashed var(--gold-thread);border-radius:6px;pointer-events:none;opacity:.25}.detail-panel:after{content:"";position:absolute;top:12px;right:14px;width:8px;height:18px;background:var(--red-tab);border-radius:1px;transform:rotate(2deg);box-shadow:0 1px 3px #0000004d}.detail-panel h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--faded-wash);margin-bottom:.5rem}.detail-panel h3{font-size:1.25rem;font-weight:700;color:var(--off-white);margin-bottom:.75rem}.detail-panel p{color:#f5f0e8cc;font-size:.95rem;line-height:1.65}.product-link{display:inline-flex;align-items:center;gap:.3rem;margin-top:1rem;font-size:.9rem;color:var(--gold-thread);transition:color .2s}.product-link:hover{color:var(--off-white)}.product-link-arrow{font-size:.85em;transition:transform .2s}.product-link:hover .product-link-arrow{transform:translate(1px,-1px)}.humor-section{background:radial-gradient(ellipse at 70% 30%,rgba(200,169,110,.06) 0%,transparent 50%),linear-gradient(175deg,var(--pocket-bg) 0%,#0E2339 100%);border:1.5px solid var(--gold-thread);border-radius:8px 8px 24px 24px;padding:1.75rem;margin:2rem 0;position:relative}.humor-section:before{content:"";position:absolute;inset:6px;border:1.5px dashed var(--gold-thread);border-radius:6px 6px 20px 20px;pointer-events:none;opacity:.2}.humor-section:after{content:"";position:absolute;top:14px;right:16px;width:8px;height:18px;background:var(--red-tab);border-radius:1px;transform:rotate(2deg);box-shadow:0 1px 3px #0000004d}.humor-section h2{font-size:1.1rem;font-weight:700;color:var(--gold-thread);margin-bottom:.75rem}.humor-section p{font-size:1.05rem;line-height:1.7;color:var(--off-white)}.cloudflare-note{background:#f6821f14;border:1px solid rgba(246,130,31,.25);border-radius:6px;padding:1rem 1.25rem;margin:1.5rem 0;font-size:.9rem;color:#f5f0e8d9}.cloudflare-note strong{color:#f6821f}.code-nav{display:flex;justify-content:space-between;align-items:center;padding:2rem 0;border-top:1px dashed rgba(200,169,110,.2);margin-top:2rem}.code-nav a{display:inline-flex;align-items:center;gap:.35rem;color:var(--faded-wash);font-size:.95rem;padding:.5rem 1rem;border:1px solid var(--denim-mid);border-radius:6px;transition:all .2s}.code-nav a:hover{color:var(--gold-thread);border-color:var(--gold-thread);background:#c8a96e0d}.code-nav .spacer{flex:1}.site-footer{border-top:1.5px dashed var(--gold-thread);padding:1.5rem 0;text-align:center;color:var(--faded-wash);font-size:.85rem;margin-top:2rem;opacity:.75}.site-footer a{color:var(--gold-thread)}.section-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--faded-wash);margin-bottom:.75rem;padding-bottom:.4rem;border-bottom:1px dashed rgba(200,169,110,.2)}.intro-text{text-align:center;max-width:640px;margin:0 auto 1rem;color:#f5f0e8cc;font-size:1rem;line-height:1.65}a.card-link{text-decoration:none;color:inherit;display:block}a.card-link:hover{color:inherit}@media(max-width:700px){.leather-patch h1{font-size:2.25rem}.code-detail{grid-template-columns:1fr;gap:1.25rem}.code-hero .big-number{font-size:4rem}.code-grid{grid-template-columns:1fr}.code-nav{flex-direction:column;gap:.75rem}.code-nav a{width:100%;justify-content:center}}