@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=Caveat:wght@400;500;600;700&display=swap";:root{--color-salmon: #FFB3BA;--color-violet: #8B5CF6;--color-mint: #6EFFC4;--color-black: #000000;--color-lemon: #FFF176;--color-peach: #FFB74D;--color-sky: #81D4FA;--font-heading: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-handwritten: "Caveat", cursive;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 5rem;--border-thick: 4px;--border-medium: 3px;--border-thin: 2px;--shadow-brutal: 8px 8px 0px 0px var(--color-black);--shadow-brutal-sm: 4px 4px 0px 0px var(--color-black)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow-x:hidden}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;background:#fff;color:var(--color-black);min-height:100vh;font-size:18px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--color-black);letter-spacing:-.02em}h1{font-size:72px;font-weight:700}h2{font-size:48px;font-weight:700}h3{font-size:32px;font-weight:600}h4{font-size:24px;font-weight:600}p{font-family:var(--font-body);font-size:18px;line-height:1.6;color:var(--color-black)}.handwritten{font-family:var(--font-handwritten);font-size:25px;font-weight:800}.min-h-screen{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-20{margin-bottom:5rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl,.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:4rem}.text-6xl{font-size:3.75rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold,.font-bold{font-weight:700}.text-white{color:#fff}.text-black{color:var(--color-black)}.text-violet{color:var(--color-violet)}.text-mint{color:var(--color-mint)}.text-salmon{color:var(--color-salmon)}.text-lemon{color:var(--color-lemon)}.text-peach{color:var(--color-peach)}.text-sky{color:var(--color-sky)}.bg-white{background-color:#fff}.bg-salmon{background-color:var(--color-salmon)}.bg-violet{background-color:var(--color-violet)}.bg-mint{background-color:var(--color-mint)}.bg-lemon{background-color:var(--color-lemon)}.bg-peach{background-color:var(--color-peach)}.bg-sky{background-color:var(--color-sky)}.btn-primary{background:var(--color-violet)!important;color:#fff!important;padding:1rem 2rem;border-radius:0;font-weight:600;font-size:1rem;border:var(--border-thick) solid var(--color-black)!important;cursor:pointer;transition:all .2s ease;text-decoration:none!important;display:inline-block;font-family:var(--font-heading);box-shadow:var(--shadow-brutal-sm);text-transform:uppercase;letter-spacing:.05em}.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-brutal)}.btn-primary:active{transform:translate(0);box-shadow:none}.btn-secondary{background:var(--color-mint)!important;color:var(--color-black)!important;padding:1rem 2rem;border:var(--border-thick) solid var(--color-black)!important;border-radius:0;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;text-decoration:none!important;display:inline-block;font-family:var(--font-heading);box-shadow:var(--shadow-brutal-sm);text-transform:uppercase;letter-spacing:.05em}.btn-secondary:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-brutal)}.btn-secondary:active{transform:translate(0);box-shadow:none}.card{background:#fff;border:var(--border-thick) solid var(--color-black);border-radius:0;padding:2rem;transition:all .2s ease;box-shadow:var(--shadow-brutal-sm);position:relative}.card:hover{transform:translate(-4px,-4px);box-shadow:var(--shadow-brutal)}.nav{background:#fff;border-bottom:var(--border-thick) solid var(--color-black);padding:1rem 0;position:fixed;top:0;left:0;right:0;width:100%;z-index:100;box-shadow:0 4px 0 0 var(--color-black)}.nav-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--color-black);font-weight:600;transition:all .2s ease;font-family:var(--font-heading);text-decoration:none;position:relative}.nav-links a:hover{color:var(--color-violet)}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:3px;background:var(--color-violet);transition:width .3s ease}.nav-links a:hover:after{width:100%}.hero{min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:80px;background:var(--color-salmon);position:relative}.hero:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:var(--color-lemon);border-radius:50%;opacity:.3;z-index:0}.hero:after{content:"";position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:var(--color-sky);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;opacity:.3;z-index:0}.hero .container{position:relative;z-index:1}.blob{position:absolute;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;opacity:.4;z-index:0;animation:blob 20s infinite}@keyframes blob{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:70% 30% 30% 70%/70% 70% 30% 30%}50%{border-radius:30% 70% 70% 30%/70% 30% 30% 70%}75%{border-radius:70% 30% 30% 70%/30% 70% 70% 30%}}.star{position:absolute;width:24px;height:24px;background:var(--color-peach);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);opacity:.6;z-index:0}.post-it{background:var(--color-lemon);border:var(--border-medium) solid var(--color-black);padding:1.5rem;box-shadow:var(--shadow-brutal-sm);transform:rotate(-3deg);font-family:var(--font-handwritten);font-size:20px;position:relative;z-index:1}.post-it.peach{background:var(--color-peach);transform:rotate(2deg)}.post-it.mint{background:var(--color-mint);transform:rotate(-2deg)}.post-it.sky{background:var(--color-sky);transform:rotate(3deg)}input,textarea,select{width:100%;padding:.75rem 1rem;background:#fff;border:var(--border-medium) solid var(--color-black);border-radius:0;font-size:1rem;color:var(--color-black);transition:all .2s ease;font-family:var(--font-body);box-shadow:2px 2px 0 0 var(--color-black)}input::placeholder,textarea::placeholder{color:#666}input:focus,textarea:focus,select:focus{border-color:var(--color-violet);outline:none;box-shadow:4px 4px 0 0 var(--color-violet);transform:translate(-2px,-2px)}.section-alt-1{background:var(--color-mint)}.section-alt-2{background:var(--color-lemon)}.section-alt-3{background:var(--color-sky)}.section-alt-4{background:var(--color-peach)}.feature-icon{width:64px;height:64px;object-fit:contain;filter:drop-shadow(2px 2px 0 var(--color-black))}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:0;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;border:var(--border-thick) solid var(--color-black);box-shadow:var(--shadow-brutal);position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;border-bottom:var(--border-medium) solid var(--color-black);margin-bottom:1.5rem}.modal-close{background:none;border:none;font-size:2rem;line-height:1;color:var(--color-black);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-weight:700}.modal-close:hover{transform:scale(1.2);color:var(--color-violet)}.modal-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:var(--border-medium) solid var(--color-black)}.space-y-6>*+*{margin-top:1.5rem}@media (max-width: 768px){h1{font-size:42px}h2{font-size:32px}h3{font-size:24px}body,p{font-size:16px}.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.nav-content{flex-direction:column;gap:1rem}.nav-links{gap:1rem;flex-wrap:wrap;justify-content:center}.container{padding:0 1rem}.hero{padding:2rem 0;padding-top:100px}.btn-primary,.btn-secondary{padding:.875rem 1.5rem;font-size:.875rem}}.text-center{text-align:center}.mx-auto{margin-left:auto;margin-right:auto}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:70rem}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.75}.App{min-height:100vh}.nav-link{position:relative;transition:color .2s ease-in-out}.nav-link:hover{color:var(--color-violet)}.nav-link.active{color:var(--color-violet);font-weight:600}.form-input{width:100%;padding:.75rem 1rem;border:var(--border-medium) solid var(--color-black);border-radius:0;font-size:1rem;transition:all .2s ease;box-shadow:2px 2px 0 0 var(--color-black);font-family:var(--font-body)}.form-input:focus{border-color:var(--color-violet);box-shadow:4px 4px 0 0 var(--color-violet);transform:translate(-2px,-2px);outline:none}.section{padding:5rem 1.5rem;position:relative}.section-alt{background-color:var(--color-mint)}@media (max-width: 768px){.section{padding:3rem 1rem}.btn-primary,.btn-secondary{padding:.875rem 1.5rem;font-size:.875rem}}