*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{min-height:100vh;overflow-x:hidden}nav{position:fixed;top:0;left:0;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;padding:1rem 3rem;z-index:1000}nav .logo{font-size:1.5rem;font-weight:600;letter-spacing:1px}nav ul{list-style:none;display:flex;gap:2rem}nav ul li a{text-decoration:none;color:#fff;opacity:.8;transition:opacity .2s ease}nav ul li a:hover{opacity:1}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:10rem;text-align:center;max-width:900px;margin:auto}.hero h1{font-size:3rem;margin-bottom:1rem}.hero p{color:#ccc;font-size:1.1rem;max-width:700px;margin-bottom:3rem}.prompt-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;width:90%;max-width:800px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 30px #0000004d;text-align:left}.card-bg{background:#ffffff0d}.card-border{border:1px solid rgba(255,255,255,.1)}.hero textarea{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:1rem;color:#fff;font-size:1rem;resize:none;min-height:120px;outline:none;transition:border-color .3s ease}.hero textarea:focus{border-color:#00d4ff}.options-row{display:flex;flex-wrap:wrap;align-items:center;margin-top:1.5rem}.my-selector,.my-input[type=number]{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.7rem 1rem;font-size:1rem;outline:none;transition:border-color .3s ease}.select-clean>option,.my-selector>option{color:#fff;background:#1e1e1e}.hero select:focus,input[type=number]:focus{border-color:#00d4ff}.upload-btn{display:inline-flex;align-items:center;gap:.4rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.6rem 1rem;color:#fff;font-size:.95rem;cursor:pointer;transition:border-color .3s ease,background .3s ease}.upload-btn:hover{border-color:#00d4ff;background:#ffffff1a}.upload-btn input{display:none}.preview-img{display:block;margin-top:1rem;max-width:180px;border-radius:10px}.heroBtn{border:none;border-radius:10px;padding:1rem 2.5rem;font-size:1.1rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.heroBtn:hover{transform:translateY(-2px);box-shadow:0 0 20px #00d4ff4d}footer{margin-top:5rem;text-align:center;padding:2rem;color:#777;font-size:.9rem;border-top:1px solid rgba(255,255,255,.05)}@media (max-width: 768px){.hero h1{font-size:2.2rem}nav{flex-direction:column;gap:.5rem}}.select-clean{border:none;outline:none;background:transparent;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-shadow:none;padding:6px 10px;color:#fff;font-size:1rem;cursor:pointer}.select-clean:focus,.select-clean:active{outline:none;border:none;box-shadow:none;background:transparent}.select-clean::-ms-expand{display:none}.custom-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;width:100%;outline:none;border:none}.custom-range::-webkit-slider-runnable-track{height:6px;border-radius:9999px;background:#464646;border:1px solid rgba(255,255,255,.1)}.custom-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:18px;width:18px;background-color:#fff;border-radius:50%;cursor:pointer;margin-top:-6px;-webkit-transition:background-color .2s,transform .2s;transition:background-color .2s,transform .2s}.custom-range::-webkit-slider-thumb:hover{background-color:#fff;transform:scale(1.1)}.custom-range::-moz-range-track{height:6px;border-radius:9999px;background:#464646;border:1px solid rgba(255,255,255,.1)}.custom-range::-moz-range-thumb{height:18px;width:18px;background-color:#fff;border-radius:50%;cursor:pointer;-moz-transition:background-color .2s,transform .2s;transition:background-color .2s,transform .2s}.custom-range::-moz-range-thumb:hover{background-color:#fff;transform:scale(1.1)}.hvr-grow{transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;transition-duration:.3s;transition-property:transform}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{transform:scale(1.04)}.hvr-shrink{transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;transition-duration:.3s;transition-property:transform}.hvr-shrink:hover,.hvr-shrink:focus,.hvr-shrink:active{transform:scale(.99)}.hvr-float{transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out}.hvr-float:hover,.hvr-float:focus,.hvr-float:active{transform:translateY(-8px)}.hvr-sink{transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out}.hvr-sink:hover,.hvr-sink:focus,.hvr-sink:active{transform:translateY(8px)}