:root{--bg-bone: #F5F5F0;--bg-card: #FFFFFF;--ink-charcoal: #1a1a1a;--ink-secondary: #555555;--accent-thread: #FF4500;--accent-highlight: rgba(255, 69, 0, .1);--font-sans: "Manrope", sans-serif;--font-hand: "Caveat", cursive;--grid-unit: 8px}body{margin:0;background-color:var(--bg-bone);color:var(--ink-charcoal);font-family:var(--font-sans);line-height:1.6;min-height:100vh;overflow-x:hidden;background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px);background-size:40px 40px}h1,h2,h3,h4{font-weight:800;letter-spacing:-.02em}.handwritten{font-family:var(--font-hand);color:var(--accent-thread);font-size:1.5rem;line-height:1;transform:rotate(-2deg);display:inline-block}.thread-path{stroke:var(--accent-thread);stroke-width:2;stroke-linecap:round;fill:none;stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawLine 2s ease-out forwards}@keyframes drawLine{to{stroke-dashoffset:0}}.blueprint-card{background:var(--bg-card);border:1px solid rgba(0,0,0,.1);padding:32px;position:relative;transition:transform .3s ease,box-shadow .3s ease;z-index:1}.blueprint-card:hover{transform:translate(-4px,-4px);box-shadow:8px 8px #0000001a;border-color:var(--ink-charcoal)}.blueprint-card:after{content:"";position:absolute;inset:4px -4px -4px 4px;border:1px solid transparent;z-index:-1;transition:border-color .3s}.container{max-width:1100px;margin:0 auto;padding:0 40px}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-bone);border-left:1px solid rgba(0,0,0,.1)}::-webkit-scrollbar-thumb{border:2px solid var(--bg-bone);border-radius:10px}@media(max-width:768px){.container{padding:0 20px}h1{font-size:3.5rem!important}.blueprint-card:hover{transform:none;box-shadow:none}}
