:root{--primary:#ff6b8a;--primary-dark:#e85575;--primary-light:#ff8aa8;--secondary:#c4b5fd;--background:#fff5f7;--surface:#fff;--text:#2d1b2e;--text-light:#6b4e6e;--border:#ffe0e8;--success:#4ecdc4;--error:#ff4757}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.5}.container{max-width:800px;margin:0 auto;padding:20px}.btn{cursor:pointer;background-color:var(--primary);color:#fff;border:none;border-radius:12px;padding:10px 20px;font-size:16px;font-weight:500;transition:all .2s;display:inline-block}.btn:hover{background-color:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{background-color:var(--secondary);color:var(--text)}.btn-outline{border:1px solid var(--primary);color:var(--primary);background-color:#0000}.btn-outline:hover{background-color:var(--primary);color:#fff;transform:translateY(-1px)}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:20px;margin-bottom:16px;padding:20px;box-shadow:0 2px 8px #0000000a}input,textarea{border:1px solid var(--border);border-radius:12px;width:100%;padding:12px;font-size:16px;transition:all .2s}input:focus,textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #ff6b8a1a}.modal{background:var(--surface);z-index:1000;border-radius:24px;width:400px;max-width:90vw;padding:24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 40px #0000001a}h1{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:28px;font-weight:700}h2{margin-bottom:16px;font-size:22px}.modal{animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}