:root{color-scheme:light dark;--background: #1a1a18;--foreground: #cecece;--primary-foreground: #91bf3e;--secondary-foreground: #565655;--muted-foreground: #979797;--popover-foreground: #4d4d4d;--card-foreground: #565655;--border-color: #484848;--badge-background: #222;--primary: #91bf3e;--secondary: #565655;--accent: #91bf3e;--bg-dark: #1a1a18;--bg-card: #222220;--bg-border: #484848;--text-primary: #cecece;--text-secondary: #979797;--success: #10b981;--error: #ef4444}*{box-sizing:border-box;padding:0;margin:0}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.mainDiv{min-height:100svh;display:grid;place-items:center;padding:2rem;background:linear-gradient(135deg,#1a1a18,#222220,#1a1a18);background-size:400% 400%;animation:gradientAnimation 20s ease infinite;position:relative;overflow:hidden}.mainDiv:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse 60% 50% at 20% 40%,rgba(145,191,62,.08) 0%,transparent 50%),radial-gradient(ellipse 50% 40% at 80% 60%,rgba(86,86,85,.06) 0%,transparent 50%);animation:shimmer 15s ease-in-out infinite}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-2%,-2%) rotate(1deg)}}.innerDiv{background:#222220d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #484848;border-radius:20px;padding:2rem;box-shadow:0 0 0 1px #91bf3e0d,0 20px 50px #00000080,0 0 100px #91bf3e0d;text-align:center;position:relative;z-index:1}h2 span{background:linear-gradient(135deg,#91bf3e,#565655);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;animation:glow 5s ease-in infinite}@keyframes glow{0%{filter:drop-shadow(0px 0px 8px rgba(145,191,62,.5))}50%{filter:drop-shadow(0px 0px 20px rgba(86,86,85,.5))}to{filter:drop-shadow(0px 0px 8px rgba(145,191,62,.5))}}.photo-uploader{margin-top:12px}button{position:relative;padding:12px 24px;font-size:16px;font-weight:600;border:none;border-radius:10px;background:linear-gradient(135deg,#91bf3e26,#56565526);color:#cecece;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #91bf3e1a,inset 0 1px #ffffff0d;overflow:hidden;z-index:1}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease;z-index:-1}button:hover:before{left:100%}button:hover{background:linear-gradient(135deg,#91bf3e,#565655);transform:translateY(-2px);box-shadow:0 8px 25px #91bf3e4d,0 0 40px #91bf3e26}.hotoMai button:after{border:3px solid transparent;content:"";position:absolute;bottom:0;left:0;width:0%;height:0%;z-index:-1;transition:all .4s;overflow:hidden}.hotoMai button:before{border:3px solid transparent;content:"";position:absolute;top:0;right:0;width:0%;height:0%;z-index:-1;transition:all .4s;overflow:hidden}button:hover:before,button:focus:before{height:100%;width:100%;border-color:#91bf3e}.hotoMai button:hover:after{width:100%;height:100%;border-color:#91bf3e}.hotoMai button:hover,.hotoMai button:focus{outline:none}.hotoMai button span,.hotoMai button{position:relative;z-index:1}.hotoMai button[disabled]{opacity:.6;cursor:progress}.photo-uploader{display:flex;flex-direction:column;align-items:center}