:root{--primary:#ff6b9d;--primary-dark:#e91e63;--primary-light:#ffc1d4;--secondary:#7c4dff;--secondary-dark:#651fff;--accent:#00e5ff;--gradient-primary:linear-gradient(135deg,#ff6b9d 0%,#c44dff 100%);--gradient-secondary:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-box:linear-gradient(145deg,#ff6b9d,#7c4dff);--gradient-gold:linear-gradient(135deg,#f5af19 0%,#f12711 100%);--bg-primary:#0a0a0f;--bg-secondary:#13131a;--bg-card:#1a1a24;--bg-card-hover:#222230;--text-primary:#fff;--text-secondary:#a0a0b0;--text-muted:#666680;--glow-primary:0 0 20px #ff6b9d80;--glow-secondary:0 0 20px #7c4dff80;--shadow-card:0 10px 40px #00000080;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);height:100%;color:var(--text-primary);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.5rem}.container{width:100%;max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a}.btn{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-full);transition:all var(--transition-normal);font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--glow-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #ff6b9db3}.btn-secondary{color:var(--text-primary);background:0 0;border:2px solid #fff3}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.btn-large{padding:var(--spacing-md)var(--spacing-xl);font-size:1.25rem}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal);border:1px solid #ffffff0d}.card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-card);transform:translateY(-4px)}.input{width:100%;padding:var(--spacing-sm)var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast);border:2px solid #ffffff1a;font-size:1rem}.input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #ff6b9d33}.input::placeholder{color:var(--text-muted)}.label{color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-size:.875rem;font-weight:600;display:block}.gender-select{gap:var(--spacing-sm);display:flex}.gender-option{padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:all var(--transition-fast);border:2px solid #ffffff1a;flex:1}.gender-option:hover{border-color:#ffffff4d}.gender-option.selected{border-color:var(--primary);background:#ff6b9d1a}.gender-icon{margin-bottom:var(--spacing-xs);font-size:2rem}.box-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.mystery-box{aspect-ratio:1;background:var(--gradient-box);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.mystery-box:before{content:"";background:linear-gradient(45deg,#0000 40%,#fff3 50%,#0000 60%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.mystery-box:hover:before{transform:translate(100%)}.mystery-box:hover{box-shadow:var(--glow-primary);transform:scale(1.05)}.mystery-box.matched{animation:2s infinite pulse}.mystery-box.opened{opacity:.5;cursor:default}.box-icon{filter:drop-shadow(0 0 10px #0000004d);font-size:4rem}.box-status{bottom:var(--spacing-sm);border-radius:var(--radius-full);background:#00000080;padding:4px 12px;font-size:.75rem;font-weight:600;position:absolute}.profile-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;border:1px solid #ffffff1a}.profile-avatar{background:var(--gradient-primary);width:100px;height:100px;margin:0 auto var(--spacing-md);border-radius:50%;justify-content:center;align-items:center;font-size:3rem;display:flex}.profile-name{margin-bottom:var(--spacing-xs);font-size:1.5rem;font-weight:700}.profile-bio{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.profile-phone{color:var(--primary);letter-spacing:2px;font-size:1.75rem;font-weight:700}.profile-phone.blur{filter:blur(8px);-webkit-user-select:none;user-select:none}@keyframes pulse{0%,to{box-shadow:0 0 #ff6b9d80}50%{box-shadow:0 0 30px 10px #ff6b9d4d}}@keyframes shake{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-5px)rotate(-5deg)}75%{transform:translate(5px)rotate(5deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #ff6b9d80}50%{box-shadow:0 0 40px #ff6b9dcc}}@keyframes reveal{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}.container{padding:0 var(--spacing-sm)}.box-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}}