:root{--primary:#6366f1;--primary-hover:#4f46e5;--success:#10b981;--error:#ef4444;--text:#1f2937;--light-text:#6b7280;--bg:#fff;--card-bg:#f9fafb;--border:#e5e7eb;--radius:16px;--shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--transition:all 0.2s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;color:var(--text);background-color:var(--bg);min-height:100vh;display:flex;flex-direction:column;padding:24px}.container{max-width:640px;margin:auto;width:100%}.card{background:var(--card-bg);border-radius:var(--radius);padding:48px;box-shadow:var(--shadow);border:1px solid var(--border)}.logo{text-align:center;margin-bottom:32px}.logo h1{font-size:28px;font-weight:700;color:var(--primary);margin-bottom:8px}.logo p{color:var(--light-text);font-size:16px}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:var(--text)}input,select{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:8px;font-size:16px;transition:var(--transition);background-color:var(--bg)}input:focus,select:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.input-group{display:flex;gap:12px}.input-group input,.input-group select{flex:1}.custom-code{width:160px}.domain-select{width:180px}button{width:100%;padding:14px;background-color:var(--primary);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:var(--transition)}button:hover{background-color:var(--primary-hover)}.message{padding:16px;border-radius:8px;margin-bottom:24px;font-size:14px}.error{background-color:rgba(239,68,68,.1);color:var(--error);border-left:4px solid var(--error)}.success{background-color:rgba(16,185,129,.1);color:var(--success);border-left:4px solid var(--success)}.short-url{color:var(--primary);font-weight:500;text-decoration:none;word-break:break-all}.short-url:hover{text-decoration:underline}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.feature{background:var(--bg);padding:16px;border-radius:8px;text-align:center;border:1px solid var(--border)}.feature h3{font-size:14px;margin-bottom:4px;color:var(--text)}.feature p{font-size:12px}.copyright,.feature p{color:var(--light-text)}.copyright{text-align:center;margin-top:40px;font-size:14px}@media (max-width:640px){.card{padding:32px 24px}.features{grid-template-columns:1fr}.input-group{flex-direction:column}.custom-code,.domain-select{width:100%}}