:root{--primary: #7c3aed;--primary-light: #a855f7;--primary-soft: #ede9fe;--bg-card: #ffffff;--border-light: #e5e7eb;--text-main: #1f2937;--text-muted: #6b7280;font-family:Inter,system-ui,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(700px at 20% 15%,rgba(200,57,193,.35),transparent 40%),radial-gradient(700px at 80% 25%,rgba(200,57,193,.35),transparent 40%),linear-gradient(180deg,#e9b6e6,#7c3aed 45%);color:var(--text-main)}a{text-decoration:none;color:var(--text-muted);font-weight:500}a:hover{color:var(--primary)}#root{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh}.login-container{display:flex;justify-content:center;align-items:center;min-height:80vh}.login-box{background:#fff;padding:40px 30px;border-radius:20px;box-shadow:0 20px 40px #7c3aed26;max-width:400px;width:100%;text-align:center}.login-box h2{margin-bottom:25px;font-size:2rem;font-weight:800;color:#2563eb}.login-form input{width:100%;padding:14px 12px;margin-bottom:18px;border-radius:12px;border:1px solid var(--border-light);outline:none;font-size:1rem}.login-form button{width:100%;padding:14px;border-radius:12px;border:none;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease}.login-form button:hover{transform:translateY(-2px);box-shadow:0 18px 40px #a855f78c}.message{margin-top:12px;font-weight:600;color:#7c3aed}.signup-text{margin-top:18px;font-size:.95rem}.signup-text a{color:#2563eb;font-weight:600;text-decoration:none}.signup-text a:hover{text-decoration:underline}.short-url-box{margin-top:20px;padding:20px;border-radius:14px;background:#f4f6fc;border:1px solid var(--border-light);text-align:center}.short-link{display:inline-block;margin-top:10px;padding:10px 14px;font-size:1rem;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:12px;text-decoration:none;font-weight:600;transition:all .3s ease}.short-link:hover{transform:translateY(-2px);box-shadow:0 12px 30px #7c3aed4d}.header{display:flex;justify-content:space-between;align-items:center;padding:18px 32px;background:#fff;border-radius:18px;border:1px solid var(--border-light);box-shadow:0 20px 40px #7c3aed26}.header button{display:flex;justify-content:space-between;align-items:center;padding:18px 32px;background:red;color:#fff;font-weight:700;border-radius:18px;border:1px solid var(--border-light);box-shadow:0 20px 40px #7c3aed26}.header button:hover{transform:translateY(-2px);box-shadow:0 18px 40px #d60d0d8c}.logo{font-size:1.6rem;font-weight:800}.logo span{background:linear-gradient(90deg,var(--primary),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav a{margin-left:24px}.hero{text-align:center;margin-top:80px}.hero h1{font-size:3.4rem;font-weight:900;margin-bottom:18px;line-height:1.1;background:linear-gradient(90deg,#ffffff,var(--primary-soft),#ffffff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{max-width:600px;margin:0 auto 45px;font-size:1.15rem;color:#f3e8ff}.shortener-box{display:flex;max-width:680px;margin:0 auto;padding:14px;background:#fff;border-radius:20px;border:1px solid var(--border-light);box-shadow:0 30px 60px #7c3aed59}.shortener-box input{flex:1;border:none;outline:none;font-size:1rem;padding:16px}.shortener-box button{padding:16px 30px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border:none;font-weight:700;cursor:pointer;transition:all .3s ease}.shortener-box button:hover{transform:translateY(-2px);box-shadow:0 18px 40px #a855f78c}.result{margin-top:22px;font-weight:700;color:#f5d0fe}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;margin-top:110px}.feature-card{background:#fff;padding:34px;border-radius:20px;border:1px solid var(--border-light);box-shadow:0 25px 45px #7c3aed2e;text-align:center;transition:all .3s ease}.feature-card:hover{transform:translateY(-8px)}.feature-card:nth-child(1){border-top:4px solid #a855f7}.feature-card:nth-child(2){border-top:4px solid #7c3aed}.feature-card:nth-child(3){border-top:4px solid #c084fc}.feature-card h3{margin-top:14px;font-size:1.25rem}.feature-card p{font-size:.95rem;color:var(--text-muted)}.footer{text-align:center;margin-top:100px;padding:20px;color:#ede9fe;font-size:.9rem}.table-section{max-width:1100px;margin:90px auto 0}.table-title{font-size:1.8rem;font-weight:800;margin-bottom:18px;color:#fff}.table-card{background:#fff;border-radius:20px;padding:20px;box-shadow:0 30px 60px #7c3aed40;overflow-x:auto}.url-table{width:100%;border-collapse:collapse;font-size:.95rem}.url-table thead{background:#f3e8ff}.url-table th{text-align:left;padding:14px;font-weight:700;color:#5b21b6}.url-table td{padding:14px;border-top:1px solid #e9d5ff}.url-table tbody tr:hover{background:#faf5ff}.short-url{color:#7c3aed;font-weight:700;text-decoration:none}.short-url:hover{text-decoration:underline}.original-url a{color:#4b5563;text-decoration:none;word-break:break-all}.original-url a:hover{text-decoration:underline}.click-badge{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;padding:6px 12px;border-radius:999px;font-size:.8rem;font-weight:700}.empty-row{text-align:center;padding:30px;font-weight:600;color:#6b7280}