@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&display=swap";body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:url(/assets/logo-DLTkNDNR.jpg);background-repeat:repeat;background-size:190px auto;opacity:.29;mix-blend-mode:lighten}body{position:relative;z-index:1}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Syne,sans-serif;background:linear-gradient(135deg,#140901,#1a0f03,#2d1f08,#4a3515,#caff94);color:#fff;min-height:100vh;overflow-x:hidden}.min-h-screen{min-height:100vh}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.text-center{text-align:center}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-bold{font-weight:700}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-sm{font-size:.875rem;line-height:1.25rem}.flex{display:flex}.flex-col{flex-direction:column}.gap-4{gap:1rem}.justify-center{justify-content:center}.w-5{width:1.25rem}.h-5{height:1.25rem}.gradient-text{background:linear-gradient(135deg,#caff94,#fff,#caff94);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.warden-card{background:#140901cc;border:1px solid rgba(202,255,148,.2);border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d;transition:all .3s ease}.warden-card:hover{border-color:#caff9466;box-shadow:0 12px 48px #caff941a}.warden-input{background:#140901e6;border:2px solid rgba(202,255,148,.3);border-radius:0;padding:.875rem 1.25rem;color:#fff;font-family:Syne,sans-serif;font-size:1rem;font-weight:500;width:100%;transition:all .3s ease}.warden-input:focus{outline:none;border-color:#caff94;box-shadow:0 0 0 3px #caff9433}.warden-input::placeholder{color:#ffffff80}.warden-button{background:#caff94;color:#140901;border:none;border-radius:0;padding:.875rem 2rem;font-family:Syne,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.warden-button:hover{background:#b8e682;transform:translateY(-2px);box-shadow:0 8px 24px #caff944d}.warden-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.action-button{display:flex;align-items:center;gap:.5rem;min-width:140px;justify-content:center}.canvas-container{position:relative;width:100%;max-width:600px;margin:0 auto;aspect-ratio:5/4;background:#14090180;border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #0006}.canvas-image{width:100%;height:100%;object-fit:cover;display:block}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:linear-gradient(135deg,#140901,#2d1f08);border:2px solid #CAFF94;border-radius:0;max-width:400px;width:100%;overflow:hidden;box-shadow:0 20px 60px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid rgba(202,255,148,.2)}.modal-title{font-family:Syne,sans-serif;font-size:1.25rem;font-weight:700;color:#caff94;text-transform:uppercase;letter-spacing:1px}.modal-close{background:none;border:none;color:#caff94;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{color:#fff;transform:scale(1.1)}.modal-body{padding:1.5rem}.modal-body p{font-family:Syne,sans-serif;font-size:1rem;line-height:1.5;margin-bottom:.5rem}.modal-subtitle{font-size:.875rem;color:#ffffffb3;margin-top:.5rem}@media (min-width: 768px){.md\:py-8{padding-top:2rem;padding-bottom:2rem}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:flex-row{flex-direction:row}.canvas-container{max-width:800px}}@media (max-width: 767px){.warden-card{padding:1rem}.warden-button{padding:1rem 1.5rem}.action-button{min-width:100%}.canvas-container{aspect-ratio:4/5}}@media (max-width: 480px){.text-4xl{font-size:1.875rem;line-height:2.25rem}.warden-card{padding:.75rem}.modal-content{margin:1rem}}