@font-face{font-family:Cormorant Garant;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/cormorant/400.woff2) format("woff2")}@font-face{font-family:Cormorant Garant;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/cormorant/400i.woff2) format("woff2")}@font-face{font-family:Cormorant Garant;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/cormorant/600.woff2) format("woff2")}@font-face{font-family:Cormorant Garant;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/cormorant/700.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter/400.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter/500.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter/600.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter/700.woff2) format("woff2")}:root{--red: #c8102e;--red-dark: #a00d24;--red-light: #fdf0f2;--red-mid: #f5c6ce;--black: #0a0a0a;--grey-900: #1a1a1a;--grey-800: #2d2d2d;--grey-700: #444444;--grey-600: #666666;--grey-500: #888888;--grey-400: #aaaaaa;--grey-300: #cccccc;--grey-200: #e0e0e0;--grey-100: #f0f0f0;--grey-50: #f8f8f8;--white: #ffffff;--text-main: var(--black);--text-mid: var(--grey-700);--text-muted: var(--grey-500);--text-faint: var(--grey-400);--bg-page: var(--grey-50);--bg-card: var(--white);--border: var(--grey-200);--border-warm: var(--grey-200);--accent: var(--red);--accent-lt: var(--red-light);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.06);--shadow-sm: 0 1px 4px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 12px 40px rgba(0,0,0,.1);--shadow-xl: 0 24px 64px rgba(0,0,0,.14);--font-display: "Cormorant Garant", Georgia, serif;--font-body: "Inter", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-body);background:var(--bg-page);color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased;letter-spacing:-.01em}input,textarea,button,select{font-family:inherit}a{text-decoration:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--grey-300);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--grey-400)}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card-in{animation:cardIn .3s cubic-bezier(.22,1,.36,1) both}.fade-in{animation:fadeIn .2s ease both}.link-hover{transition:transform .16s,box-shadow .16s!important}.link-hover:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003!important}.toggle-track{width:42px;height:24px;border-radius:var(--radius-pill);border:1px solid transparent;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}.toggle-thumb{position:absolute;top:2px;width:18px;height:18px;border-radius:50%;background:var(--white);box-shadow:0 1px 3px #00000040;transition:left .18s cubic-bezier(.22,1,.36,1)}.toast{position:fixed;bottom:24px;right:24px;background:var(--black);color:var(--white);padding:11px 18px;border-radius:var(--radius-md);font-size:13px;font-weight:500;z-index:9999;box-shadow:var(--shadow-lg);animation:fadeIn .18s ease;pointer-events:none;border-left:3px solid var(--red)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:9px 20px;background:var(--black);color:var(--white);border:1.5px solid var(--black);border-radius:var(--radius-sm);font-weight:500;font-size:13px;letter-spacing:.01em;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap;gap:6px}.btn-primary:hover{background:var(--red);border-color:var(--red);color:var(--white)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;background:transparent;color:var(--text-mid);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-weight:500;font-size:13px;cursor:pointer;transition:border-color .15s,color .15s;white-space:nowrap}.btn-ghost:hover{border-color:var(--black);color:var(--black)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:7px 14px;background:var(--white);color:var(--text-mid);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-weight:500;font-size:12px;cursor:pointer;transition:border-color .15s,color .15s;white-space:nowrap;gap:5px}.btn-secondary:hover{border-color:var(--black);color:var(--black)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;padding:9px 18px;background:var(--white);color:var(--red);border:1.5px solid var(--red-mid);border-radius:var(--radius-sm);font-weight:500;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s}.btn-danger:hover{background:var(--red-light);border-color:var(--red)}.btn-full{width:100%}.btn-sm{padding:6px 13px;font-size:12px}.input-field{width:100%;padding:9px 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:14px;background:var(--white);color:var(--text-main);outline:none;transition:border-color .15s,box-shadow .15s;line-height:1.5}.input-field:focus{border-color:var(--black);box-shadow:0 0 0 3px #0000000f}.input-field::placeholder{color:var(--grey-400)}.field{margin-bottom:14px}.field-label{display:block;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 22px;margin-bottom:14px}.card-title{font-size:10px;font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}.card-heading{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--text-main);margin-bottom:4px}.card-desc{font-size:13px;color:var(--text-muted);margin-bottom:14px;line-height:1.6}.topbar{background:var(--black);border-bottom:1px solid var(--grey-800);padding:0 28px;display:flex;align-items:center;justify-content:space-between;height:58px;position:sticky;top:0;z-index:20}.topbar-logo{display:flex;align-items:center;gap:10px}.topbar-logo-text{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--white);letter-spacing:-.02em}.topbar-username{color:var(--grey-600);font-size:12px;font-weight:400}.topbar-actions{display:flex;gap:8px;align-items:center}.topbar .btn-primary{background:var(--white);color:var(--black);border-color:var(--white)}.topbar .btn-primary:hover{background:var(--red);border-color:var(--red);color:var(--white)}.topbar .btn-ghost{border-color:var(--grey-700);color:var(--grey-400)}.topbar .btn-ghost:hover{border-color:var(--white);color:var(--white)}.dashboard-wrap{max-width:1000px;margin:0 auto;padding:32px 24px;display:flex;gap:28px}.dashboard-editor{flex:1;min-width:0}.dashboard-preview{width:248px;flex-shrink:0}.tabs{display:flex;margin-bottom:24px;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--white)}.tab-btn{flex:1;padding:11px 8px;border:none;border-right:1px solid var(--border);cursor:pointer;font-weight:500;font-size:13px;background:transparent;color:var(--text-muted);transition:all .15s}.tab-btn:last-child{border-right:none}.tab-btn:hover{color:var(--text-main);background:var(--grey-50)}.tab-btn.active{background:var(--black);color:var(--white)}.section-title{font-family:var(--font-display);font-weight:700;font-size:24px;color:var(--text-main);letter-spacing:-.02em}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:10px;flex-wrap:wrap}.link-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:13px 16px;display:flex;align-items:center;gap:12px;transition:opacity .2s,border-color .15s}.link-card:hover{border-color:var(--grey-300)}.link-title{font-weight:500;font-size:14px;color:var(--text-main);margin-bottom:1px}.link-url{font-size:11px;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(300px,40vw)}.link-actions{display:flex;gap:5px;align-items:center;flex-shrink:0}.link-order-btns{display:flex;flex-direction:column}.order-btn{background:none;border:none;cursor:pointer;font-size:10px;color:var(--grey-300);padding:2px 6px;line-height:1;border-radius:3px;transition:color .12s,background .12s}.order-btn:disabled{color:var(--grey-200);cursor:default}.order-btn:not(:disabled):hover{color:var(--text-main);background:var(--grey-100)}.icon-btn{padding:6px 9px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:12px;transition:border-color .12s,background .12s}.icon-btn:hover{border-color:var(--grey-400);background:var(--grey-50)}.icon-btn.danger:hover{border-color:var(--red-mid);background:var(--red-light)}.empty-state{text-align:center;padding:56px 20px;background:var(--bg-card);border-radius:var(--radius-lg);border:1.5px dashed var(--grey-200)}.empty-title{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--text-main);margin-bottom:5px}.empty-desc{font-size:13px;color:var(--text-muted)}.bg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bg-swatch{height:52px;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;position:relative;transition:all .14s;outline:2px solid transparent;outline-offset:2px}.bg-swatch:hover{outline-color:var(--grey-300)}.bg-label{position:absolute;bottom:4px;left:50%;transform:translate(-50%);font-size:9px;font-weight:600;color:var(--white);text-shadow:0 1px 3px rgba(0,0,0,.6);white-space:nowrap;pointer-events:none}.btn-style-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:18px}.color-row{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.color-swatch{width:30px;height:30px;border-radius:50%;border:2px solid transparent;cursor:pointer;flex-shrink:0;transition:transform .12s;outline:2px solid transparent;outline-offset:2px}.color-swatch:hover{transform:scale(1.1)}.color-input{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--border);cursor:pointer;padding:2px;background:none;flex-shrink:0}.url-display{flex:1;min-width:0;padding:9px 12px;background:var(--grey-50);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:11px;font-family:Courier New,monospace;font-weight:500;color:var(--text-mid);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-wrap{position:sticky;top:80px}.phone-label{font-size:10px;font-weight:600;color:var(--text-faint);margin-bottom:10px;text-transform:uppercase;letter-spacing:.1em}.phone-shell{background:var(--black);border-radius:36px;padding:10px;box-shadow:0 24px 64px #0000004d,inset 0 0 0 1px #ffffff0f}.phone-screen{border-radius:28px;height:500px;overflow:hidden auto;display:flex;flex-direction:column;align-items:center;padding:28px 14px 16px}.hero{padding:88px 24px 100px;text-align:center;position:relative;overflow:hidden;background:var(--black)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 100%,rgba(200,16,46,.12),transparent);pointer-events:none}.hero-bubble{display:none}.hero-title{font-family:var(--font-display);font-size:64px;font-weight:700;color:var(--white);letter-spacing:-.03em;line-height:1;margin:0 0 16px}.hero-subtitle{font-size:17px;color:#ffffff80;max-width:440px;margin:0 auto 48px;line-height:1.65;font-weight:400}.auth-card{background:var(--white);border-radius:var(--radius-xl);padding:28px;max-width:380px;margin:0 auto;box-shadow:var(--shadow-xl);position:relative;z-index:1}.mode-toggle{display:flex;margin-bottom:22px;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.mode-btn{flex:1;padding:9px;border:none;cursor:pointer;font-weight:500;font-size:13px;background:transparent;color:var(--text-muted);transition:all .15s}.mode-btn.active{background:var(--black);color:var(--white)}.form-error{font-size:12px;color:var(--red);font-weight:500;margin-bottom:12px;padding:8px 12px;background:var(--red-light);border-radius:var(--radius-sm);border-left:3px solid var(--red)}.features-section{background:var(--white);padding:64px 24px;border-bottom:1px solid var(--border)}.features-grid{max-width:760px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr)}.feature-card{padding:32px 28px;border-right:1px solid var(--border)}.feature-card:last-child{border-right:none}.feature-icon{font-size:22px;margin-bottom:14px}.feature-title{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--text-main);margin-bottom:6px}.feature-desc{font-size:13px;color:var(--text-muted);line-height:1.65}.lookup-section{background:var(--bg-page);padding:64px 24px;text-align:center}.lookup-title{font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--text-main);margin-bottom:8px;letter-spacing:-.02em}.lookup-desc{color:var(--text-muted);font-size:14px;margin-bottom:24px}.lookup-row{display:flex;gap:8px;max-width:340px;margin:0 auto}.profile-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:64px 20px 48px}.profile-inner{width:100%;max-width:480px}.profile-name{text-align:center;margin-bottom:6px;font-size:26px;font-weight:700;letter-spacing:-.02em}.profile-bio{text-align:center;margin-bottom:28px;font-size:14px;opacity:.75;line-height:1.6}.profile-links{display:flex;flex-direction:column;gap:11px}.profile-footer{text-align:center;margin-top:48px;font-size:11px;opacity:.3;letter-spacing:.05em;text-transform:uppercase}.back-btn{position:fixed;top:16px;left:16px;padding:7px 14px;background:#00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--white);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:500;font-family:Geist,system-ui,sans-serif;z-index:10;transition:background .15s}.back-btn:hover{background:#0000008c}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-page);gap:10px;text-align:center;padding:40px}.not-found h2{font-family:var(--font-display);font-size:26px;font-weight:700}.not-found p{color:var(--text-muted);font-size:14px}@media (max-width:720px){.dashboard-wrap{flex-direction:column;padding:20px 16px}.dashboard-preview{width:100%}.phone-wrap{position:static}.features-grid{grid-template-columns:1fr}.feature-card{border-right:none;border-bottom:1px solid var(--border)}.feature-card:last-child{border-bottom:none}.hero-title{font-size:44px}.topbar{padding:0 16px}.topbar-username{display:none}.bg-grid{grid-template-columns:repeat(3,1fr)}.btn-style-grid{grid-template-columns:1fr}}@media (max-width:480px){.hero-title{font-size:34px}.hero-subtitle{font-size:15px}.hero{padding:64px 16px 72px}.auth-card{padding:20px 18px;border-radius:var(--radius-lg)}.topbar{padding:0 12px;height:52px}.topbar-logo-text{font-size:18px}.topbar .btn-primary,.topbar .btn-ghost{padding:5px 10px;font-size:11px}.dashboard-wrap{padding:14px 12px}.card{padding:16px 14px}.tab-btn{padding:10px 4px;font-size:11px}.section-title{font-size:20px}.link-card{padding:10px;gap:8px}.link-actions{gap:3px}.icon-btn{padding:5px 7px;font-size:11px}.modal-box{padding:20px 16px}.features-section,.lookup-section{padding:40px 16px}.profile-page{padding:48px 14px 36px}.bg-grid{grid-template-columns:repeat(2,1fr)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:900;animation:fadeIn .18s ease}.modal-box{background:var(--white);border-radius:var(--radius-xl);padding:28px;width:100%;box-shadow:var(--shadow-xl);max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.modal-title{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text-main);letter-spacing:-.02em}.modal-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.modal-close{background:var(--grey-100);border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:12px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .12s,color .12s}.modal-close:hover{background:var(--grey-200);color:var(--text-main)}