.container,.page,.auth-card,.howitworks{box-sizing:border-box;max-width:100%;padding-left:12px;padding-right:12px}img,video,iframe{max-width:100%;height:auto;display:block}button,.auth-btn,.btn-mini,.btn-primary{min-height:44px;padding-left:12px;padding-right:12px;touch-action:manipulation}input,textarea,select,.auth-input,.fake-input{width:100%;max-width:100%;box-sizing:border-box}.navbar,.nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.navbar .nav-links{display:flex;gap:8px;flex-wrap:wrap}.howitworks-grid,.cards-grid{display:grid;gap:12px;grid-template-columns:1fr}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}body,.page,.auth-card,.howitworks{font-size:16px;line-height:1.35}.how-card{padding:14px;border-radius:10px}.create-demo,.share-demo,.analytics-demo{gap:10px;align-items:flex-start;flex-direction:column;display:flex}.nav-toggle{display:none}@media (max-width: 900px){.howitworks{padding:28px 12px}.how-card{padding:14px}.auth-card{padding:16px}.page-title{font-size:20px}}@media (max-width: 640px){body{font-size:15px}.howitworks{padding:20px 10px;border-radius:8px}.card-step{width:40px;height:40px;font-size:14px}.howitworks-title{font-size:18px;margin-bottom:10px}.btn-mini,.btn-register,.auth-btn{width:100%;justify-content:center}.share-controls-below{align-items:stretch}.share-controls{flex-direction:column;gap:8px;width:100%}.copy-btn{width:100%;justify-content:center}.fake-input,.share-url{font-size:14px;padding:8px}.create-demo{flex-direction:column;align-items:stretch}.auth-form .auth-input{font-size:15px;padding:10px}.auth-btn{width:100%}.navbar .nav-links{width:100%;justify-content:space-between}.table-responsive table{width:100%}.confetti,.social-icons{position:relative;left:0;right:0;top:0;margin-top:6px}}@media (max-width: 420px){body{font-size:14px}.how-card h3{font-size:16px}.stat-value{font-size:18px}.card-step{width:36px;height:36px;font-size:13px}.btn-primary{padding:10px 14px;font-size:14px}}a,button{-webkit-tap-highlight-color:rgba(0,0,0,.08)}.x-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.created-box .left,.created-box .left *{box-sizing:border-box}.created-box .left{min-width:0}.created-box .left .link,.link{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding:6px 10px;border-radius:8px;background:#f8fafc}.created-box .actions>*{min-width:92px;box-sizing:border-box}@media (max-width: 640px){.created-box,.my-links-page .created-box{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:12px!important}.created-box .left .link,.created-box .left .link *,.link{display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:unset!important;word-break:break-word!important;overflow-wrap:anywhere!important;font-size:15px!important;line-height:1.2!important;padding:8px 10px!important}.created-box .actions,.my-links-page .created-box .actions{display:flex!important;flex-direction:column!important;gap:8px!important;align-items:stretch!important}.created-box .actions>*,.my-links-page .created-box .actions>*{width:100%!important;justify-content:center!important;padding:12px 14px!important;box-sizing:border-box!important}.created-box .btn-copy .btn-text,.my-links-page .created-box .btn-copy .btn-text{display:none!important}}:root{--page-title-size: 28px;--page-title-weight: 900;--page-title-color: #0f172a;--btn-font-size: 14px;--btn-font-weight: 700;--app-font: system-ui, "Segoe UI", Roboto, Arial, sans-serif}.page-title{font-family:var(--app-font);font-size:var(--page-title-size);font-weight:var(--page-title-weight);color:var(--page-title-color);margin:0 0 12px;letter-spacing:-.5px}.auth-page{display:flex;justify-content:center;padding:28px}.auth-card{width:100%;max-width:420px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 10px 30px #0206170f;border:1px solid rgba(2,6,23,.04)}.auth-form{display:grid;gap:10px}.auth-label{font-weight:700;font-size:13px;margin-top:6px}.auth-input{height:44px;padding:10px 12px;border-radius:8px;border:1px solid #e6e6e6;font-size:15px;outline:none;box-sizing:border-box}.auth-error{background:#fff1f2;color:#991b1b;padding:10px;border-radius:8px;font-weight:700;margin-bottom:8px}.auth-btn{padding:10px 16px;height:44px;border-radius:10px;border:none;background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff;font-family:var(--app-font);font-weight:800;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.auth-btn[disabled]{opacity:.6;cursor:not-allowed}.auth-btn.auth-btn-outline{background:#fff;border:1px solid #e6e6e6;color:#0f172a;font-weight:700}.btn-copy,.btn-open,.btn-view,.btn-share,.submit-btn{font-family:var(--app-font);font-weight:var(--btn-font-weight)}.btn-copy svg,.btn-open svg,.btn-view svg,.btn-share svg,.btn-ghost svg,.btn-primary svg,.btn-outline svg,.submit-btn svg{color:inherit}.created-box .actions>*{min-width:92px;justify-content:center}.nav-actions{display:flex;gap:8px;align-items:center}.nav-link-btn{padding:8px 12px;border-radius:10px;display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-family:var(--app-font);font-size:14px;font-weight:700;cursor:pointer}.nav-link-primary{background:linear-gradient(180deg,#60a5fa,#2563eb);color:#fff;border:none}.nav-link-outline{background:#fff;color:#0b5cff;border:1px solid rgba(11,92,255,.12)}.nav-link-btn svg{color:inherit}:root{--bg:#ffffff;--muted:#6b7280;--accent:#1776d1;--accent-2:#00a6ff;--card:#ffffff;--border:#e6e9ef;--danger:#e74c3c;--radius:10px;--shadow: 0 6px 18px rgba(22,28,37,.06)}*{box-sizing:border-box}body{font-family:Inter,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:#111;margin:0;padding:0;-webkit-font-smoothing:antialiased}.site-header{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--border);background:#fff}.site-brand{display:flex;align-items:center;gap:12px}.site-brand img{height:44px;width:44px;border-radius:8px}.site-title{font-weight:700;color:#000;margin:0;font-size:16px}.navbar{display:flex;align-items:center;gap:18px}.navbar a{color:#111;text-decoration:none;font-weight:600;padding:8px 10px;border-radius:8px;display:inline-flex;align-items:center;gap:8px}.navbar a:hover{background:#f5f7fb}.hero{margin:18px 28px;padding:22px;border-radius:12px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-2) 100%);color:#fff;display:flex;align-items:center;gap:18px;box-shadow:var(--shadow)}.hero .hero-card{flex:1}.hero .hero-cta{display:flex;gap:12px;align-items:center}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;padding:9px 14px;border-radius:8px;font-weight:600;cursor:pointer;background:#fff;color:var(--accent)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--accent) 0%,#0f66b3 100%);color:#fff;border:none;box-shadow:0 6px 18px #10568b1f}.btn-link{background:transparent;border:1px solid rgba(16,24,40,.04);color:var(--accent)}.btn-ghost{background:transparent;border:none;color:var(--muted)}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;border:1px solid var(--border)}.account-menu{position:relative}.account-button{display:flex;align-items:center;gap:10px;border:1px solid transparent;background:transparent;padding:6px 10px;border-radius:999px;cursor:pointer}.account-avatar{width:34px;height:34px;border-radius:50%;background:#2b6fb5;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.account-label{font-weight:600;color:#111}.account-dropdown{position:absolute;right:0;top:48px;background:#fff;border-radius:10px;box-shadow:0 12px 40px #091e4214;min-width:220px;border:1px solid var(--border);z-index:1200;padding:8px}.dropdown-list{list-style:none;margin:0;padding:8px}.dropdown-header{font-size:12px;color:var(--muted);padding:8px 12px;border-bottom:1px solid rgba(16,24,40,.04)}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:#111;cursor:pointer}.dropdown-item:hover{background:#f5f7fb}.dropdown-divider{height:1px;background:#1018280a;margin:8px 0}.dropdown-item.danger{color:var(--danger)}.container{max-width:1100px;margin:20px auto;padding:0 18px}.small{font-size:13px;color:var(--muted)}.hero-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;border-radius:12px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-2) 100%);color:#fff;box-shadow:var(--shadow);margin:18px 0}.hero-banner .hero-left{display:flex;align-items:center;gap:16px}.hero-logo{width:72px;height:72px;border-radius:10px;background:#fff;padding:8px}.hero-text h1{margin:0;font-size:26px;font-weight:800}.hero-text .small{margin-top:8px;color:#fffffff2}.hero-actions{display:flex;gap:12px;align-items:center}.shorten-panel{margin-top:24px;padding:18px}.shorten-form{display:flex;gap:12px;align-items:center;width:100%}.shorten-form .form-input{flex:1;min-width:0}.results-card{margin-top:16px}@media (max-width:900px){.hero-banner{flex-direction:column;align-items:flex-start;padding:16px}.hero-actions{width:100%;display:flex;justify-content:flex-end}.shorten-form{flex-direction:column}}.howitworks{padding:48px 16px;background:linear-gradient(180deg,#0f1724,#071226);color:#fff;border-radius:12px;margin:24px 0}.howitworks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;align-items:start}.how-card{background:linear-gradient(180deg,#ffffff08,#ffffff03);padding:18px;border-radius:10px;box-shadow:0 6px 18px #02061799;position:relative;overflow:visible;transition:transform .28s ease,box-shadow .28s ease}.how-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 12px 30px #020617cc}.card-step{background:linear-gradient(90deg,#7c3aed,#06b6d4);width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;margin-bottom:12px;box-shadow:0 6px 18px #7c3aed29}.create-demo{display:flex;gap:10px;align-items:center;margin-top:12px}.fake-input{background:#ffffff05;padding:8px 10px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;min-width:220px;font-family:monospace;color:#e6eef8;border:1px solid rgba(255,255,255,.03)}.fake-input .domain{opacity:.7;color:#93c5fd;font-weight:600}.fake-input .typed-url{color:#e6eef8;white-space:nowrap;overflow:hidden;max-width:170px;display:inline-block}.fake-input .caret{color:#a5b4fc;margin-left:2px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.btn-mini{background:linear-gradient(90deg,#06b6d4,#7c3aed);color:#061024;border:none;padding:6px 10px;border-radius:8px;cursor:pointer;font-weight:700}.btn-mini.share-btn svg,.btn-mini.share-btn svg path{color:inherit;stroke:currentColor;fill:none}.btn-mini.share-btn svg{margin-left:-2px}.share-demo{margin-top:12px;position:relative}.share-actions{display:flex;gap:10px;align-items:center;margin-top:10px;position:relative}.share-btn{background:#fff;color:#061024;border-radius:8px;padding:8px 10px;display:inline-flex;gap:8px;align-items:center;border:none;cursor:pointer;font-weight:700;transition:transform .18s ease}.share-btn svg{transform:translateY(0);transition:transform .28s ease}.share-btn.anim{transform:scale(1.03)}.share-btn.anim svg{transform:translateY(-6px) rotate(-6deg)}.share-url-row{display:flex;gap:10px;align-items:center;margin-top:10px}.share-controls{display:flex;gap:8px;align-items:center;flex-shrink:0;z-index:20}.btn-mini.share-btn svg{margin-left:0}.confetti,.social-icons{position:absolute;z-index:30;pointer-events:none}.confetti{right:-8px;top:-8px}.social-icons{left:8px;top:-18px}.share-url{min-width:160px;max-width:calc(100% - 180px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-url{font-family:monospace;background:#ffffff05;padding:8px 10px;border-radius:8px;min-width:220px;color:#e6eef8;border:1px solid rgba(255,255,255,.03);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-controls-below{display:flex;flex-direction:column;gap:10px;margin-top:10px;align-items:flex-start;position:relative}.share-controls{display:flex;gap:8px;align-items:center;width:100%}.social-icons{display:flex;gap:10px;margin-top:6px;align-items:center;pointer-events:none;z-index:20;position:relative}.confetti{position:relative;width:100%;height:0;margin-top:6px;pointer-events:none;overflow:visible}.btn-mini.share-btn{background:linear-gradient(90deg,#06b6d4,#7c3aed);color:#061024;padding:8px 12px;border-radius:8px;border:none;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 10px 30px #0c083899;transition:transform .16s ease,box-shadow .16s ease,opacity .12s ease;white-space:nowrap;min-width:92px}.copy-btn{position:relative;overflow:visible;background:transparent;color:#93c5fd;border:1px solid rgba(255,255,255,.04);padding:6px 10px;border-radius:8px;cursor:pointer;transition:transform .16s ease,background .18s ease,color .18s ease,box-shadow .18s ease;display:inline-flex;align-items:center;gap:8px;font-weight:700}.copy-btn.copied{background:linear-gradient(90deg,#10b981,#34d399);color:#021026;border-color:#ffffff0f;transform:scale(1.04);box-shadow:0 14px 36px #10b9811f}.copy-btn .copy-feedback{position:absolute;right:-36px;top:50%;transform:translateY(-50%) scale(0);background:#fff;color:#10b981;border-radius:50%;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;box-shadow:0 6px 18px #0206171f;opacity:0;transition:transform .28s cubic-bezier(.2,.9,.2,1),opacity .18s ease}.copy-btn.copied .copy-feedback{transform:translateY(-50%) scale(1);opacity:1}.copy-btn.copied:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;background:#ffffff38;border-radius:50%;transform:translate(-50%,-50%) scale(.6);opacity:.9;animation:copyRipple .7s ease-out forwards}@keyframes copyRipple{to{transform:translate(-50%,-50%) scale(12);opacity:0}}.social-icons{position:relative;height:46px;margin-top:12px;display:flex;gap:12px;align-items:center;justify-content:flex-start;pointer-events:none}.si{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff08;color:#e6eef8;font-weight:800;transition:transform .4s ease,opacity .4s ease,box-shadow .3s;box-shadow:0 6px 18px #02061766;opacity:.95}.social-icons.explode .si{animation:socialPop .9s cubic-bezier(.2,.9,.2,1) forwards}.social-icons.explode .si:nth-child(1){animation-delay:0ms;transform-origin:center}.social-icons.explode .si:nth-child(2){animation-delay:40ms;transform-origin:center}.social-icons.explode .si:nth-child(3){animation-delay:80ms;transform-origin:center}.social-icons.explode .si:nth-child(4){animation-delay:.12s;transform-origin:center}@keyframes socialPop{0%{transform:translateY(8px) translate(0) scale(.6) rotate(0);opacity:0;filter:blur(2px)}30%{opacity:1;transform:translateY(-8px) translate(0) scale(1.05) rotate(-6deg);filter:blur(0)}60%{transform:translateY(-28px) translate(var(--tx, -20px)) scale(1) rotate(-12deg)}to{transform:translateY(-46px) translate(var(--tx, -30px)) scale(1) rotate(-18deg);opacity:0}}.social-icons.explode .si:nth-child(1){--tx: -60px}.social-icons.explode .si:nth-child(2){--tx: -20px}.social-icons.explode .si:nth-child(3){--tx: 20px}.social-icons.explode .si:nth-child(4){--tx: 60px}.confetti{position:absolute;right:6px;top:-6px;width:160px;height:120px;pointer-events:none;overflow:visible}.confetti span{position:absolute;width:8px;height:14px;border-radius:3px;opacity:0;transform-origin:center}.confetti.burst .cf-0{left:20px;background:#f59e0b;animation:cf0 .9s ease-out forwards}.confetti.burst .cf-1{left:40px;background:#f97316;animation:cf1 .9s ease-out forwards}.confetti.burst .cf-2{left:60px;background:#06b6d4;animation:cf2 .9s ease-out forwards}.confetti.burst .cf-3{left:80px;background:#7c3aed;animation:cf3 .9s ease-out forwards}.confetti.burst .cf-4{left:100px;background:#34d399;animation:cf4 .9s ease-out forwards}.confetti.burst .cf-5{left:120px;background:#60a5fa;animation:cf5 .9s ease-out forwards}.confetti.burst .cf-6{left:10px;background:#fb7185;animation:cf6 .9s ease-out forwards}.confetti.burst .cf-7{left:50px;background:#f97316;animation:cf7 .9s ease-out forwards}.confetti.burst .cf-8{left:90px;background:#06b6d4;animation:cf8 .9s ease-out forwards}.confetti.burst .cf-9{left:130px;background:#7c3aed;animation:cf9 .9s ease-out forwards}@keyframes cf0{0%{transform:translateY(0) rotate(0) scale(.6);opacity:1}to{transform:translate(-60px,-120px) rotate(520deg) scale(1);opacity:0}}@keyframes cf1{0%{transform:translateY(0) rotate(0) scale(.6);opacity:1}to{transform:translate(-30px,-140px) rotate(400deg) scale(1);opacity:0}}@keyframes cf2{0%{transform:translateY(0) rotate(0) scale(.6);opacity:1}to{transform:translateY(-150px) rotate(360deg) scale(1);opacity:0}}@keyframes cf3{0%{transform:translateY(0) rotate(0) scale(.6);opacity:1}to{transform:translate(30px,-140px) rotate(300deg) scale(1);opacity:0}}@keyframes cf4{0%{transform:translateY(0) rotate(0) scale(.6);opacity:1}to{transform:translate(60px,-120px) rotate(240deg) scale(1);opacity:0}}@keyframes cf5{0%{transform:translateY(0) rotate(0) scale(.6);opacity:1}to{transform:translate(80px,-110px) rotate(200deg) scale(1);opacity:0}}@keyframes cf6{0%{transform:translateY(0) rotate(0) scale(.6);opacity:1}to{transform:translate(-90px,-100px) rotate(560deg) scale(1);opacity:0}}@keyframes cf7{0%{transform:translateY(0) rotate(0) scale(.6);opacity:1}to{transform:translate(-40px,-130px) rotate(420deg) scale(1);opacity:0}}@keyframes cf8{0%{transform:translateY(0) rotate(0) scale(.6);opacity:1}to{transform:translate(20px,-160px) rotate(380deg) scale(1);opacity:0}}@keyframes cf9{0%{transform:translateY(0) rotate(0) scale(.6);opacity:1}to{transform:translate(100px,-120px) rotate(260deg) scale(1);opacity:0}}.analytics-demo{display:flex;gap:14px;margin-top:12px;align-items:center;flex-wrap:wrap}.stat{background:#ffffff05;padding:10px 12px;border-radius:8px;min-width:90px;text-align:center;transition:transform .22s ease,box-shadow .22s ease}.stat-value{font-size:20px;font-weight:800;color:#e6eef8;transition:transform .22s ease}.stat-label{font-size:12px;color:#93c5fd;opacity:.9}.btn-register{margin-left:8px;background:linear-gradient(90deg,#34d399,#60a5fa);color:#021026;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;font-weight:800;box-shadow:0 10px 30px #06102273;transition:transform .16s ease,box-shadow .16s ease}.btn-register:hover{transform:translateY(-4px);box-shadow:0 18px 48px #06102299}.stat.boost{box-shadow:0 14px 40px #7c3aed2e;transform:translateY(-6px) scale(1.02)}.stat-value.boost{color:#a78bfa;transform:scale(1.06)}.card-anim{opacity:0;transform:translateY(18px) scale(.98);animation:popIn .56s cubic-bezier(.2,.9,.2,1) forwards}@keyframes popIn{to{opacity:1;transform:translateY(0) scale(1)}}.auth-page{max-width:720px;margin:36px auto;padding:18px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:#0f172a}.auth-card{background:linear-gradient(180deg,#fff,#fbfdff);border-radius:16px;padding:28px;box-shadow:0 18px 50px #2563eb0f;border:1px solid rgba(30,64,175,.04)}.auth-title{margin:0 0 18px;font-size:22px;font-weight:900;text-align:center}.auth-label{font-weight:700;font-size:13px;margin-bottom:6px;color:#334155}.auth-input{width:100%;padding:14px 18px;height:48px;border-radius:12px;border:1px solid #e6eaf4;background:#fff;box-shadow:0 12px 40px #2563eb0a;font-size:15px;outline:none;box-sizing:border-box}.auth-input:focus{border-color:#1e40af38;box-shadow:0 18px 40px #2563eb0f}.auth-actions{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:6px}.auth-btn{height:52px;padding:0 18px;border-radius:12px;background:#1e40af;color:#fff;border:none;font-weight:800;cursor:pointer;min-width:160px}.auth-btn[disabled]{opacity:.7;cursor:not-allowed}.auth-btn-outline{background:transparent;color:#0f172a;border:1px solid rgba(15,23,42,.06);font-weight:700;min-width:110px}.auth-error{background:#fff1f2;color:#991b1b;padding:10px;border-radius:8px;font-weight:700;margin-bottom:6px;white-space:pre-wrap;text-align:left}@media (max-width: 640px){.auth-card{padding:18px}.auth-title{font-size:20px}.auth-actions{flex-direction:column;gap:8px}.auth-btn{width:100%;min-width:auto}.auth-btn-outline{width:100%}}.auth-page{display:flex;justify-content:center;padding:28px 18px}.auth-card{width:680px;background:#fff;border-radius:12px;padding:26px;border:1px solid #eef1f6;box-shadow:0 14px 40px #1018280f}.auth-title{margin:0 0 14px;font-size:22px;font-weight:700;color:#0b2540}.auth-error{background:#feecea;color:#b71c1c;padding:10px;border-radius:8px;margin-bottom:12px;border:1px solid rgba(231,76,60,.08)}.auth-form{display:flex;flex-direction:column;gap:12px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#222;font-size:14px}.form-input{padding:12px 14px;border-radius:10px;border:1px solid #e6ecf5;background:#fff;font-size:14px;outline:none}.form-input:focus{box-shadow:0 6px 20px #1018280f;border-color:var(--accent)}.form-actions{display:flex;gap:10px;align-items:center;margin-top:6px}.auth-footer{margin-top:12px;display:flex;justify-content:flex-end}