@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800;900&display=swap";:root{--font-main: "Outfit", system-ui, -apple-system, sans-serif;--color-bg: #f4f0e6;--color-text: #1a1a1a;--color-primary: #ff4d4d;--color-secondary: #ffb800;--color-accent: #00e5ff;--color-green: #00e676;--color-purple: #d500f9;--color-white: #ffffff;--border-width: 4px;--border-color: #1a1a1a;--shadow-color: #1a1a1a;--shadow-offset: 6px;--header-height: 80px}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:900;line-height:1.1;text-transform:uppercase;letter-spacing:-.02em}a{color:inherit;text-decoration:none}.brutal-border{border:var(--border-width) solid var(--border-color)}.brutal-shadow{box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow-color);transition:all .2s ease-in-out}.brutal-shadow:hover{transform:translate(2px,2px);box-shadow:calc(var(--shadow-offset) - 2px) calc(var(--shadow-offset) - 2px) 0 var(--shadow-color)}.brutal-shadow:active{transform:translate(var(--shadow-offset),var(--shadow-offset));box-shadow:0 0 0 var(--shadow-color)}.brutal-btn{display:inline-block;padding:12px 24px;font-size:1.2rem;font-weight:800;text-transform:uppercase;cursor:pointer;background-color:var(--color-primary);color:var(--color-text);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow-color);transition:all .2s ease-in-out}.brutal-btn:hover{transform:translate(2px,2px);box-shadow:calc(var(--shadow-offset) - 2px) calc(var(--shadow-offset) - 2px) 0 var(--shadow-color)}.brutal-btn:active{transform:translate(var(--shadow-offset),var(--shadow-offset));box-shadow:0 0 0 var(--shadow-color)}.brutal-btn.secondary{background-color:var(--color-secondary)}.brutal-btn.accent{background-color:var(--color-accent)}.brutal-btn.white{background-color:var(--color-white)}.brutal-card{background-color:var(--color-white);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow-color);padding:32px}.container{max-width:1200px;margin:0 auto;padding:0 24px}section{padding:80px 0;border-bottom:var(--border-width) solid var(--border-color)}.section-title{font-size:3rem;margin-bottom:40px;display:inline-block;background-color:var(--color-secondary);padding:8px 16px;border:var(--border-width) solid var(--border-color);transform:rotate(-2deg)}main{min-height:calc(100vh - var(--header-height))}.app-wrapper{overflow-x:hidden}.bg-white{background-color:var(--color-white)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-accent{background-color:var(--color-accent)}.bg-green{background-color:var(--color-green)}.bg-purple{background-color:var(--color-purple)}.bg-yellow{background-color:var(--color-secondary)}.text-center{text-align:center}.border-bottom{border-bottom:var(--border-width) solid var(--border-color)}.border-bottom-0{border-bottom:none!important}.header{position:sticky;top:0;z-index:100;background-color:var(--color-bg);border-bottom:var(--border-width) solid var(--border-color);height:var(--header-height);display:flex;align-items:center}.header-container{display:flex;align-items:center;justify-content:space-between;width:100%}.logo{font-size:2.5rem;font-weight:900;letter-spacing:-.05em;background-color:var(--color-primary);color:var(--color-text);padding:0 16px;border:var(--border-width) solid var(--border-color);transform:rotate(-3deg);display:inline-block}.logo.small{font-size:1.5rem;padding:0 8px}.nav{display:flex;gap:32px}.nav-link{font-weight:800;font-size:1.1rem;text-transform:uppercase;transition:color .2s;color:var(--color-text)}.nav-link:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}.hero{background-color:var(--color-bg);background-image:linear-gradient(var(--border-color) 2px,transparent 2px),linear-gradient(90deg,var(--border-color) 2px,transparent 2px);background-size:40px 40px;background-position:-2px -2px;min-height:calc(100vh - var(--header-height));display:flex;align-items:center;padding:clamp(32px,5vh,80px) 0;overflow-x:hidden}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);align-items:center;min-width:0}.hero-content{min-width:0}.hero-title{font-size:clamp(2rem,3.5vw,3.8rem);margin-bottom:clamp(12px,2vh,24px);background-color:var(--color-bg);padding:clamp(8px,1.5vh,16px);border:var(--border-width) solid var(--border-color);box-shadow:8px 8px 0 var(--shadow-color);max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.highlight-primary{color:var(--color-primary);-webkit-text-stroke:1px var(--border-color)}.hero-subtitle{font-size:clamp(1rem,1.2vw,1.3rem);font-weight:600;background-color:var(--color-bg);padding:clamp(8px,1.5vh,16px);border:var(--border-width) solid var(--border-color);margin-bottom:clamp(16px,3vh,32px);max-width:600px;width:100%;overflow-wrap:break-word}.hero-actions{display:flex;gap:16px}.hero-visual{min-width:0;overflow:visible}.card-stack{position:relative;height:clamp(280px,40vh,380px);min-width:0}.card-stack .brutal-card{position:absolute;width:min(300px,100%);padding:clamp(16px,2vh,24px)}.card-stack h3{font-size:clamp(1.2rem,1.5vw,1.6rem);margin-bottom:clamp(8px,1vh,16px);border-bottom:var(--border-width) solid var(--border-color);padding-bottom:8px}.card-stack p{font-size:clamp(.85rem,1vw,1rem)}.card-1{top:0;left:0;transform:rotate(-6deg);z-index:2}.card-2{top:40px;left:40px;transform:rotate(4deg);z-index:1}.match-badge{position:absolute;top:clamp(140px,20vh,180px);left:min(220px,65%);background-color:var(--color-primary);color:var(--color-white);font-size:clamp(1.4rem,1.8vw,2rem);font-weight:900;padding:8px 24px;border:var(--border-width) solid var(--border-color);transform:rotate(-15deg);z-index:3;box-shadow:4px 4px 0 var(--shadow-color);animation:pulse 2s infinite}@keyframes pulse{0%{transform:rotate(-15deg) scale(1)}50%{transform:rotate(-15deg) scale(1.1)}to{transform:rotate(-15deg) scale(1)}}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.step-card{position:relative;padding-top:48px}.step-number{position:absolute;top:-20px;left:-20px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:900;border:var(--border-width) solid var(--border-color);box-shadow:4px 4px 0 var(--shadow-color)}.step-card h3{font-size:1.8rem;margin-bottom:16px}.universes-container{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.lead-text{font-size:1.4rem;font-weight:800;margin-bottom:16px}.universe-list{list-style:none;margin-top:32px;display:flex;flex-direction:column;gap:16px}.universe-list li{padding:16px 24px;font-size:1.2rem;font-weight:800;display:flex;align-items:center;gap:16px;box-shadow:4px 4px 0 var(--shadow-color);transition:transform .2s;border:var(--border-width) solid var(--border-color)}.universe-list li:hover{transform:translate(8px)}.universe-list .icon{font-size:1.5rem}.universes-visual{position:relative;height:400px}.shape{position:absolute}.shape.circle{width:200px;height:200px;border-radius:50%;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,var(--border-color) 10px,var(--border-color) 14px);top:50px;left:50px}.shape.square{width:150px;height:150px;bottom:50px;right:50px;transform:rotate(15deg)}.shape.triangle{width:0;height:0;border-left:80px solid transparent;border-right:80px solid transparent;border-bottom:140px solid var(--color-secondary);top:80px;right:80px;transform:rotate(-20deg);filter:drop-shadow(6px 6px 0px var(--shadow-color))}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:32px}.list-card ul{list-style-type:none}.list-card li{font-size:1.2rem;margin-bottom:16px;padding-left:32px;position:relative}.list-card li:before{content:"→";position:absolute;left:0;font-weight:900;color:var(--color-primary)}.cta-section{padding:120px 0}.cta-heading{font-size:3.5rem;margin-bottom:40px;color:var(--color-white);text-shadow:4px 4px 0px var(--shadow-color)}.cta-btn{font-size:1.5rem;padding:16px 48px}.footer{padding:40px 0}.footer-links{display:flex;gap:24px;align-items:center;font-weight:600}@media(max-width:900px){.hero{min-height:auto;padding:48px 0}.hero-container,.universes-container,.split-section{grid-template-columns:1fr}.hero-title{font-size:clamp(2rem,5vw,3rem)}.hero-visual{display:flex;justify-content:center}.card-stack{margin-top:24px;height:300px;width:100%;max-width:400px}.card-stack .brutal-card{width:min(280px,80%)}.match-badge{top:140px;left:min(200px,55%)}.nav{display:none}.shape.square{bottom:20px;right:20px}}@media(max-width:600px){.hero{padding:40px 0}.hero-title{font-size:clamp(1.6rem,5vw,2rem);padding:12px;box-shadow:6px 6px 0 var(--shadow-color)}.hero-subtitle{font-size:1.05rem;padding:12px}.hero-actions{flex-wrap:wrap;gap:12px}.card-stack{height:280px}.card-stack .brutal-card{width:min(260px,calc(100vw - 80px));padding:16px}.card-2{top:30px;left:min(30px,10%)}.match-badge{top:120px;left:min(170px,55%);font-size:1.4rem;padding:6px 16px}.section-title{font-size:2rem}}@media(max-width:480px){.container{padding-left:16px;padding-right:16px}.header-container{gap:12px;flex-wrap:wrap}.logo{font-size:1.75rem;padding:0 10px}.header-btn{font-size:1rem;padding:10px 16px}.card-stack .brutal-card{width:min(240px,calc(100vw - 48px))}.card-stack h3{font-size:1.2rem}.cta-heading{font-size:2rem}}.legal-main{flex:1;padding:80px 0}.legal-container{max-width:800px}.legal-content{padding:48px}.legal-title{font-size:2.5rem;margin-bottom:12px;text-transform:none}.legal-updated{display:block;font-size:.9rem;color:var(--color-text);opacity:.8;margin-bottom:32px}.legal-markdown{font-size:1rem;line-height:1.7}.legal-markdown h1{font-size:1.75rem;margin:2em 0 .75em;padding-bottom:8px;border-bottom:var(--border-width) solid var(--border-color)}.legal-markdown h1:first-child{margin-top:0}.legal-markdown h2{font-size:1.4rem;margin:1.5em 0 .5em}.legal-markdown h3{font-size:1.2rem;margin:1.25em 0 .5em}.legal-markdown p{margin-bottom:1em}.legal-markdown ul,.legal-markdown ol{margin:1em 0;padding-left:1.5em}.legal-markdown li{margin-bottom:.5em}.legal-markdown a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px}.legal-markdown a:hover{text-decoration-thickness:2px}.legal-markdown strong{font-weight:800}.legal-markdown code{background:var(--color-bg);padding:2px 6px;border:var(--border-width) solid var(--border-color);font-size:.9em}.legal-markdown pre{background:var(--color-bg);padding:16px;border:var(--border-width) solid var(--border-color);overflow-x:auto;margin:1em 0}.legal-markdown pre code{background:none;padding:0;border:none}.legal-loading,.legal-error{text-align:center;padding:80px 24px}.legal-error p{margin-bottom:24px;font-size:1.2rem}.delete-account-content{padding:48px}.delete-account-title{font-size:2.5rem;margin-bottom:12px;text-transform:none}.delete-account-intro{font-size:1rem;line-height:1.7;margin-bottom:32px;opacity:.9}.delete-account-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-weight:800;font-size:1rem;text-transform:uppercase}.form-optional{font-weight:600;text-transform:none;opacity:.7}.form-input,.form-select{padding:12px 16px;font-size:1rem;font-family:var(--font-main);background-color:var(--color-white);border:var(--border-width) solid var(--border-color);box-shadow:4px 4px 0 var(--shadow-color);color:var(--color-text)}.form-input::placeholder{color:var(--color-text);opacity:.5}.form-input:focus,.form-select:focus{outline:none;box-shadow:6px 6px 0 var(--shadow-color)}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='4'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px;padding-right:48px}.form-checkbox-group{flex-direction:row;align-items:flex-start;gap:12px}.form-checkbox{width:24px;height:24px;margin-top:2px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.form-checkbox-label{font-weight:600;font-size:.95rem;text-transform:none;cursor:pointer;line-height:1.5}.form-actions{display:flex;gap:16px;margin-top:8px}.form-submit{min-width:180px}