@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&family=Satisfy&display=swap";:root{--color-pink: #FF1493;--color-pink-light: #FF69B4;--color-orange: #FF6B35;--color-yellow: #FFD23F;--color-green: #00FF87;--color-blue: #00B4D8;--color-purple: #B84FFF;--color-red: #FF006E;--gradient-holi: linear-gradient(135deg, var(--color-pink) 0%, var(--color-orange) 25%, var(--color-yellow) 50%, var(--color-green) 75%, var(--color-blue) 100%);--gradient-primary: linear-gradient(135deg, #FF1493 0%, #FF6B35 100%);--gradient-secondary: linear-gradient(135deg, #00FF87 0%, #00B4D8 100%);--gradient-dark: linear-gradient(135deg, #1A1A2E 0%, #16213E 100%);--gradient-overlay: linear-gradient(180deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,.3) 100%);--color-bg: #0F0F1E;--color-bg-light: #1A1A2E;--color-bg-card: rgba(26, 26, 46, .8);--color-text: #FFFFFF;--color-text-secondary: #B0B0C0;--color-border: rgba(255, 255, 255, .1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow-md: 0 4px 16px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--shadow-glow-pink: 0 0 20px rgba(255, 20, 147, .5);--shadow-glow-green: 0 0 20px rgba(0, 255, 135, .5);--shadow-glow-blue: 0 0 20px rgba(0, 180, 216, .5);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 30px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif;background:var(--color-bg);color:var(--color-text);min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:var(--gradient-dark);z-index:-2}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(255,20,147,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,255,135,.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(0,180,216,.1) 0%,transparent 50%);z-index:-1;animation:bgPulse 10s ease-in-out infinite}@keyframes bgPulse{0%,to{opacity:1}50%{opacity:.7}}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem);background:var(--gradient-holi);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-md)}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,2rem)}p{line-height:1.6;color:var(--color-text-secondary)}.container{max-width:1200px;margin:0 auto;padding:var(--space-md)}.glass-card{background:var(--color-bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-lg);transition:all var(--transition-normal)}.glass-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow-pink);border-color:#fff3}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-md);font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;position:relative;overflow:hidden;min-width:150px}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn>*{position:relative;z-index:1}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md),var(--shadow-glow-pink)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow-pink)}.btn-secondary{background:var(--gradient-secondary);color:#fff;box-shadow:var(--shadow-md),var(--shadow-glow-green)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow-green)}.btn-outline{background:transparent;color:var(--color-text);border:2px solid var(--color-border)}.btn-outline:hover{border-color:var(--color-pink);background:#ff14931a}.btn-ghost{background:#ffffff0d;color:var(--color-text);border:1px solid var(--color-border)}.btn-ghost:hover{background:#ffffff1a}.premium-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;background:var(--gradient-primary);border-radius:20px;font-size:.75rem;font-weight:600;color:#fff;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin:var(--space-xl) 0}.mode-card{background:var(--color-bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.mode-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:var(--gradient-holi);opacity:0;transition:opacity var(--transition-slow);z-index:0}.mode-card:hover:before{opacity:.1;animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mode-card>*{position:relative;z-index:1}.mode-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--color-pink);box-shadow:var(--shadow-lg),var(--shadow-glow-pink)}.mode-card.selected{border-color:var(--color-pink);box-shadow:var(--shadow-lg),var(--shadow-glow-pink)}.mode-icon{font-size:3rem;margin-bottom:var(--space-sm)}.mode-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-xs);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mode-description{font-size:.9rem;color:var(--color-text-secondary)}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md);margin:var(--space-md) 0}.template-card{background:var(--color-bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);cursor:pointer;transition:all var(--transition-normal);position:relative}.template-card:hover{transform:translateY(-4px);border-color:var(--color-pink);box-shadow:var(--shadow-md),var(--shadow-glow-pink)}.template-card.selected{border-color:var(--color-pink);background:#ff14931a}.template-card.locked{opacity:.6;cursor:not-allowed}.input-group{margin:var(--space-md) 0}.input-label{display:block;margin-bottom:var(--space-xs);font-weight:600;color:var(--color-text)}.input-field{width:100%;padding:var(--space-sm) var(--space-md);background:#ffffff0d;border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:Poppins,sans-serif;font-size:1rem;transition:all var(--transition-normal)}.input-field:focus{outline:none;border-color:var(--color-pink);background:#ffffff14;box-shadow:0 0 0 4px #ff14931a}.input-field::placeholder{color:var(--color-text-secondary)}.share-link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:#ffffff0d;border:2px solid var(--color-border);border-radius:var(--radius-md);margin:var(--space-md) 0}.share-link input{flex:1;background:transparent;border:none;color:var(--color-text);font-family:Poppins,sans-serif;font-size:.9rem}.share-link input:focus{outline:none}.copy-btn{padding:var(--space-xs) var(--space-md);background:var(--gradient-primary);border:none;border-radius:var(--radius-sm);color:#fff;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.copy-btn:hover{transform:scale(1.05)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--color-bg-light);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:500px;width:100%;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:var(--space-md);right:var(--space-md);background:transparent;border:none;color:var(--color-text);font-size:1.5rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-fast)}.modal-close:hover{background:#ffffff1a;transform:rotate(90deg)}.loading-spinner{display:inline-block;width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--color-pink);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.hidden{display:none!important}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.float-animation{animation:float 3s ease-in-out infinite}@media (max-width: 768px){.container{padding:var(--space-sm)}.mode-grid{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.color-splash{position:fixed;border-radius:50%;pointer-events:none;opacity:0;z-index:9999;animation:splashAnimation 1s ease-out}@keyframes splashAnimation{0%{transform:scale(0);opacity:.8}to{transform:scale(1);opacity:0}}