html,body{padding:0;margin:0}.sekuya-regular{font-family:Sekuya,system-ui;font-weight:400;font-style:normal}.landingpage-main{width:100%;min-height:100vh;background-image:url(/background.png);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;display:flex;flex-direction:column;align-items:center;font-family:Courier New,Courier,monospace}.landingpage-card{width:100%;max-width:100%;background-color:transparent;box-shadow:none;border-radius:0;height:auto;min-height:100vh;margin:0;display:flex;flex-direction:column;align-items:center}.landingpage-card-hero{width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center;margin-top:20px;text-align:center}.hero-title{font-family:"Press Start 2P",system-ui,sans-serif;font-size:2.5rem;margin-bottom:.5rem;text-shadow:2px 2px 0px #000}.hero-subtitle{font-size:1.2rem;margin-bottom:2rem;color:#ddd}.hero-comparison{width:100%;max-width:800px;margin-bottom:3rem;display:flex;justify-content:center;min-height:400px;position:relative}.comparison-label{position:absolute;top:50%;padding:10px 20px;background:#0006;color:#ffffffe6;font-family:"Press Start 2P",monospace;font-size:1.2rem;border-radius:4px;pointer-events:none;z-index:10;text-transform:uppercase;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.comparison-label.before{left:25%;transform:translate(-50%,-50%)}.comparison-label.after{left:75%;transform:translate(-50%,-50%)}.hero-comparison img{width:100%;height:auto;border-radius:10px;box-shadow:0 10px 30px #00000080;will-change:opacity;transform:translateZ(0);backface-visibility:hidden}.showcase-info{margin-bottom:30px;text-align:center}.showcase-info h2{font-family:"Press Start 2P",system-ui,sans-serif;font-size:1.5rem;margin-bottom:10px;color:#fff;text-shadow:2px 2px 0 #000}.showcase-info p{font-family:Courier New,monospace;font-size:1rem;color:#ddd}.landingpage-card-hero-imagesshowcase{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:0 20px;margin-bottom:40px}.image-container{background-color:#d3cba3;padding:10px 10px 30px;border-radius:4px;box-shadow:2px 2px 5px #0000004d;display:flex;flex-direction:column;align-items:center;position:relative;transition:transform .2s;cursor:pointer}.image-container:nth-child(n){rotate:0deg;left:auto;right:auto;z-index:1}.image-container:hover{transform:scale(1.02);z-index:10}.image-container img{width:100%;aspect-ratio:1/1;object-fit:cover;background-color:#000;border:4px solid #333;will-change:opacity;transform:translateZ(0);backface-visibility:hidden;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.image-label{margin-top:10px;font-family:Courier New,monospace;font-size:.9rem;color:#333;width:100%;text-align:left;font-weight:700;display:flex;justify-content:space-between}.btn-cta{background-color:#fcefd0;color:#111;font-family:Courier New,monospace;font-weight:900;padding:15px 40px;border:4px solid #111;font-size:1.2rem;margin-top:20px;margin-bottom:0;cursor:pointer;box-shadow:6px 6px #000;transition:all .1s}.btn-cta:hover{transform:translate(2px,2px);box-shadow:4px 4px #000}.btn-cta:active{transform:translate(6px,6px);box-shadow:none}.header{display:flex;justify-content:space-between;align-items:center;height:70px;width:100%;background-color:#0d0d0d;box-shadow:0 2px 5px #00000080;z-index:100;font-family:Arial Black,sans-serif;color:#fff}.header-title{font-size:1.8rem;font-weight:900;margin-left:30px;cursor:pointer;text-transform:uppercase;letter-spacing:1px}.header-buttons{display:flex;gap:15px;margin-right:30px}.header-buttons button{padding:8px 20px;border-radius:6px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .2s ease}.btn-login{background-color:transparent;color:#fff;border:1px solid #555}.btn-login:hover{border-color:#fff;background-color:#ffffff1a}.btn-signup{background-color:#fcefd0;color:#1a1a1a;border:1px solid #fcefd0}.btn-signup:hover{background-color:#fff;transform:translateY(-1px)}.auth-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:400px;margin:80px auto;padding:30px;text-align:center;background-color:#000000b3;border:2px solid #333;box-shadow:0 10px 30px #00000080;border-radius:4px}.auth-title{font-size:2rem;font-weight:700;margin-bottom:30px;color:#fff;letter-spacing:2px;font-family:"Press Start 2P",Courier New,monospace;text-transform:uppercase;text-shadow:3px 3px 0px #000}.auth-form{width:100%;display:flex;flex-direction:column;gap:20px}.auth-input-group{display:flex;flex-direction:column;align-items:flex-start;width:100%}.auth-label{font-size:.9rem;font-weight:600;color:#ddd;margin-bottom:8px;font-family:Courier New,monospace;text-transform:uppercase}.auth-input{width:100%;padding:14px;border:3px solid #111;border-radius:0;font-size:1rem;outline:none;transition:transform .1s;box-sizing:border-box;background-color:#d3cba3;color:#000;font-family:Courier New,monospace;font-weight:700;box-shadow:inset 2px 2px 5px #0000001a}.auth-input:focus{border-color:#000;background-color:#e6dec0;transform:scale(1.01)}.auth-input::placeholder{color:#555;opacity:.7}.auth-button{background-color:#111;color:#fff;font-size:1.1rem;font-weight:600;padding:16px;border-radius:0;border:2px solid #444;cursor:pointer;margin-top:20px;transition:all .2s;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:1px}.auth-button:hover{background-color:#000;border-color:#fff;box-shadow:0 0 10px #fff3}.auth-switch{margin-top:25px;font-size:.9rem;color:#ccc;font-family:Courier New,monospace}.auth-switch button{background:none;border:none;padding:0;margin-left:10px;color:#d3cba3;font-weight:600;cursor:pointer;text-decoration:underline;font-family:Courier New,monospace;font-size:1rem}.auth-switch button:hover{color:#fff}.google-signin-button{background-color:#fcefd0;color:#111;border:2px solid #111;font-size:1rem;font-weight:600;padding:14px;border-radius:0;cursor:pointer;margin-top:15px;transition:all .2s;width:100%;font-family:Courier New,monospace;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:10px}.google-icon{width:20px;height:20px}.google-signin-button:hover{background-color:#fff;transform:translateY(-2px);box-shadow:4px 4px #000}.homepage-container{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative;color:#fff}.homepage-placeholder-size{width:100%;max-width:800px;aspect-ratio:4/3;min-height:500px}.hero-image-preview-container,.hero-image-placeholder{background-color:#111;border:20px solid #d3cba3;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 10px 30px #00000080,inset 0 0 50px #000c;position:relative}.hero-image-preview-container:after,.hero-image-placeholder:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 40%);pointer-events:none;z-index:2}.hero-image-placeholder span{font-family:"Press Start 2P",Courier New,monospace;color:#0f0;font-size:1.5rem;text-transform:uppercase;text-shadow:0 0 10px #0f0;animation:blink 1.5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.hero-image-preview{width:100%;height:100%;object-fit:contain;z-index:1}.btn-upload{background-color:#fcefd0;color:#111;font-family:Courier New,monospace;font-weight:900;text-transform:uppercase;padding:15px 30px;border:4px solid #111;font-size:1.2rem;margin-top:30px;cursor:pointer;box-shadow:6px 6px #000;transition:all .1s}.btn-upload:hover{transform:translate(2px,2px);box-shadow:4px 4px #000}.btn-upload:active{transform:translate(6px,6px);box-shadow:none}.style-selection-section{width:100%;max-width:1200px;margin-top:4rem;padding:0 20px 6rem;display:flex;flex-direction:column;align-items:center}.style-instruction-text{font-size:1.2rem;color:#ddd;margin-bottom:2rem;font-weight:500;text-align:center;font-family:Courier New,monospace}.style-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;width:100%;justify-items:center}.style-card{position:relative;width:100%;background-color:#d3cba3;padding:12px 12px 40px;border-radius:2px;box-shadow:5px 5px 15px #00000080;cursor:pointer;transition:transform .2s ease;overflow:visible}.style-card:hover{transform:scale(1.05) rotate(-2deg);z-index:10}.style-card.selected{border:4px solid #fff;transform:scale(1.05);box-shadow:0 0 20px #fff6}.style-image{width:100%;aspect-ratio:1/1;object-fit:cover;background-color:#000;border:2px solid #555;display:block}.style-name-overlay{position:absolute;bottom:10px;left:12px;right:12px;background:transparent;color:#111;padding:0;font-size:.9rem;text-align:center;font-family:Courier New,monospace;font-weight:900;text-transform:uppercase;transform:none}