: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}.app-wrapper{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}.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%)}}.footer{border-top:1px solid var(--border);background-color:var(--surface);text-align:center;color:var(--text-light);margin-top:auto;padding:16px 0;font-size:13px}.footer a{color:var(--primary);text-decoration:none;transition:opacity .2s}.footer a:hover{opacity:.8;text-decoration:underline}.footer-separator{color:var(--border);margin:0 8px}.footer-copyright{opacity:.7;margin-top:8px;font-size:11px}