@import"https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap";:root{font-family:Poppins,sans-serif;line-height:1.5;font-weight:500;color:#232127;background:#f0f1f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#f0f1f6}img{display:block;max-width:100%}button,input{font:inherit}button{font-family:inherit}#root{min-height:100vh}.page-shell{width:min(1240px,calc(100% - 32px));margin:0 auto;padding:28px 0 0}.site-header{display:flex;align-items:center;gap:32px;padding-block:1rem;background:transparent}.brand{font-size:clamp(2.2rem,2vw,3rem);font-weight:700;letter-spacing:-.08em;color:#232127;line-height:1}.main-nav{flex:1}.main-nav ul{list-style:none;display:flex;align-items:center;gap:32px;padding:0;margin:0}.main-nav a,.login-button,.footer-column a,.social-link,.site-header a{color:#9e9aa7;text-decoration:none;font-size:1rem;font-weight:700;transition:color .2s ease}.main-nav a:hover,.footer-column a:hover,.social-link:hover{color:#2acfcf}.header-actions{display:flex;align-items:center;gap:18px}.login-button,.signup-button,.primary-button,.shorten-form button{border:none;cursor:pointer;border-radius:999px;font-weight:700;transition:transform .2s ease,opacity .2s ease}.login-button{background:transparent;color:#9e9aa7;padding:12px 18px}.primary-button,.signup-button,.shorten-form input[type=submit]{background:#2acfcf;color:#fff;box-shadow:inset 0 0 0 1px #ffffff14}.signup-button,.primary-button{padding:12px 24px;font-size:1rem}.primary-button:hover,.signup-button:hover,.shorten-form button:hover,.login-button:hover{opacity:.92;transform:translateY(-1px)}.menu-button{display:none;width:44px;height:32px;border:none;background:transparent;padding:0;margin-left:auto}.menu-button span{display:block;width:100%;height:3px;border-radius:999px;background:#3b3054;margin:6px 0}.page-main{padding-top:10px}.hero{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:540px;padding:34px 0 30px}.hero-copy{flex:1;min-width:0;max-width:540px}.hero-copy h1{margin:0 0 18px;font-size:clamp(3.3rem,4.3vw,6rem);line-height:.95;letter-spacing:-.09em;color:#232127}.hero-copy p{margin:0 0 28px;max-width:450px;font-size:1.2rem;line-height:1.7;color:#9e9aa7}.hero-visual{position:relative;flex:1;min-height:430px;display:flex;justify-content:center;align-items:center}.hero-visual:before{content:"";position:absolute;right:-8%;top:40px;width:118%;height:82%;background:#efeff1;border-radius:44% 56% 50% 50%/52% 52% 48% 48%}.hero-visual img{position:relative;z-index:1;width:min(100%,560px);height:auto}.shorten{margin-top:10px;padding-bottom:20px}.shorten-form{display:flex;gap:20px;align-items:center;border-radius:18px;background:#3b3054;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1110'%20height='168'%3e%3cpath%20fill='%234B3F6B'%20fill-rule='evenodd'%20d='M647-93.924c0%2052.724%2015.5%2090.486%2073%20114.877%2057.5%2024.391%20113.055%202.134%20168.786%2014.894%2055.731%2012.76%2055.731%2094.962%20108.214%20145.549s163.142%2062.874%20253.12%2011.552c89.976-51.322%20130.765-171.152%20103.88-241.807C1327.115-119.515%201275.593-184%201027-184c-248.593%200-380%2037.353-380%2090.076zm-781%20213c0%2052.724%2015.5%2090.486%2073%20114.877%2057.5%2024.391%20113.055%202.134%20168.786%2014.894%2055.731%2012.76%2055.731%2094.962%20108.214%20145.549s163.142%2062.874%20253.12%2011.552C559.095%20354.626%20599.884%20234.796%20573%20164.141%20546.115%2093.485%20494.593%2029%20246%2029c-248.593%200-380%2037.353-380%2090.076z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:cover;padding:32px 30px;box-shadow:0 18px 28px #3b30541a}.shorten-form .shorten-input{flex:1;min-width:0;height:62px;border:0;outline:none;border-radius:10px;padding:0 24px;font-size:1.2rem;color:#232127;background:#fff}.shorten-form .shorten-input::placeholder{color:#9e9aa7}.shorten-form .shorten-input--error{border:2px solid #f46262;box-shadow:0 0 0 2px #f4626214}.shorten-form .shorten-submit{height:62px;min-width:180px;border:none;border-radius:10px;font-size:1.1rem;padding:0 26px;background:#2acfcf;color:#fff;font-weight:700;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.shorten-form .shorten-submit:hover{opacity:.92;transform:translateY(-1px)}.form-error-message{margin:10px 0 0;color:#f46262;font-size:.9rem;font-weight:700;text-align:center;padding-left:4px}.shorten-url{width:min(100%,1200px);margin:12px auto 0}.saved-links{display:grid;gap:12px;margin-top:12px;width:min(100%,1200px);margin-inline:auto;overflow:scroll;padding:1.5rem}.shortened-link-card{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:74px;background:#fff;border-radius:12px;padding:18px 20px;box-sizing:border-box;box-shadow:0 12px 22px #23232d0f}.link-details{display:flex;flex:1;align-items:center;justify-content:space-between;gap:18px;min-width:0;width:100%}.original-link,.shortened-link{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.original-link{flex:1.4;color:#3b3054;font-size:.95rem;font-weight:600;opacity:.82}.shortened-link{flex:1;color:#2acfcf;font-size:1.05rem;font-weight:700;text-decoration:none;text-align:right}.copy-button{border:none;border-radius:8px;background:#2acfcf;color:#fff;padding:12px 20px;font-weight:700;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.copy-button:hover{opacity:.92;transform:translateY(-1px)}.stats{position:relative;padding-top:26px}.section-heading{text-align:center;max-width:640px;margin:0 auto 70px}.section-heading h2{margin:0 0 10px;font-size:clamp(2.4rem,3vw,3.2rem);line-height:1.1;letter-spacing:-.06em;color:#232127}.section-heading p{margin:0;font-size:1.15rem;line-height:1.7;color:#9e9aa7}.feature-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:start}.feature-grid:before{content:"";position:absolute;left:12%;right:12%;top:52%;height:8px;background:#2acfcf;border-radius:999px;z-index:0}.feature-card{position:relative;z-index:1;background:#ffffffc7;border-radius:10px;padding:72px 28px 28px;box-shadow:0 10px 18px #23232d08;min-height:260px;text-align:left}.feature-card--middle{transform:translateY(52px)}.feature-card--last{transform:translateY(104px)}.feature-icon{position:absolute;top:-34px;left:28px;width:84px;height:84px;border-radius:50%;background:#3b3054;display:grid;place-items:center}.feature-icon img{width:42px;height:42px;filter:brightness(0) invert(1)}.feature-card h3{margin:0 0 12px;font-size:1.5rem;line-height:1.3;letter-spacing:-.04em;color:#232127}.feature-card p{margin:0;font-size:1.05rem;line-height:1.7;color:#9e9aa7}.cta-banner{margin-top:150px;background:#3b3054;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1440'%20height='250'%3e%3cg%20fill='%234B3F6B'%20fill-rule='evenodd'%3e%3cpath%20d='M830-63.482C830%2019.351%20854.36%2078.678%20944.732%20117c90.371%2038.321%20177.686%203.352%20265.277%2023.4%2087.59%2020.048%2087.59%20149.195%20170.077%20228.671%2082.486%2079.476%20256.405%2098.781%20397.82%2018.15%20141.415-80.632%20205.52-268.896%20163.267-379.902C1898.919-103.687%201817.943-205%201427.236-205S830-146.314%20830-63.482zM-263.351%20570.909c29.685%2077.331%2073.689%20123.988%20171.79%20127.377%2098.102%203.39%20167.085-60.547%20256.043-73.22%2088.958-12.674%20135.24%20107.895%20240.73%20152.532%20105.488%2044.638%20274.775.333%20377.9-125.622C886.24%20526.021%20878.62%20327.29%20799.392%20238.798%20720.162%20150.307%20608.257%2084.743%20243.5%20224.76c-364.757%20140.017-536.537%20268.818-506.852%20346.149zM-514-377.482c0%2082.833%2024.36%20142.16%20114.732%20180.482%2090.371%2038.321%20177.686%203.352%20265.277%2023.4%2087.59%2020.048%2087.59%20149.195%20170.077%20228.671%2082.486%2079.476%20256.405%2098.781%20397.82%2018.15%20141.415-80.632%20205.52-268.896%20163.267-379.902C554.919-417.687%20473.943-519%2083.236-519S-514-460.314-514-377.482z'/%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:cover;padding:56px 30px 58px;text-align:center;color:#fff}.cta-banner h2{margin:0 0 22px;font-size:clamp(2.2rem,3vw,3rem);line-height:1.1;letter-spacing:-.06em}.cta-banner .primary-button{min-width:180px}.site-footer{background:#232127;margin:0;padding:52px 0 44px}.footer-inner{width:min(1240px,calc(100% - 32px));margin:0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:40px}.footer-brand{color:#fff;font-size:2.2rem}.footer-links{display:flex;gap:60px;flex:1;justify-content:center}.footer-column{min-width:100px}.footer-column h3{margin:0 0 16px;color:#fff;font-size:1rem;font-weight:700}.footer-column ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.footer-column a{color:#bfbfbf;font-weight:500;font-size:.9rem}.social-links{display:flex;align-items:center;gap:16px;margin-left:auto}.social-link{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px}.social-link svg{width:22px;height:22px;fill:currentColor}@media (max-width: 980px){.site-header{gap:16px}.hero{flex-direction:column;text-align:center;min-height:auto;padding-top:16px}.hero-copy,.hero-visual{max-width:100%;width:100%}.hero-copy{display:flex;flex-direction:column;align-items:center}.hero-copy p{max-width:520px}.shorten-form{flex-direction:column}.shortened-link-card{flex-direction:column;align-items:stretch;text-align:center}.copy-button{width:100%}.feature-grid{grid-template-columns:1fr}.feature-grid:before{inset:0 auto 0 50%;width:8px;height:auto;transform:translate(-50%)}.feature-card,.feature-card--middle,.feature-card--last{transform:none}.footer-inner{flex-direction:column;align-items:center;text-align:center}.footer-links{width:100%;justify-content:center;flex-wrap:wrap}.social-links{margin-left:0}}@media (max-width: 720px){.page-shell{width:min(100%,calc(100% - 20px))}.site-header{padding:0 0 10px}.main-nav,.header-actions{display:none}.menu-button{display:block;margin-left:auto}.brand{font-size:2.2rem}.hero{padding-top:12px}.hero-copy h1{font-size:clamp(2.8rem,14vw,4.2rem)}.hero-copy p{font-size:1.05rem}.shorten-form{padding:20px 18px}.shorten-form input,.shorten-form button{width:100%}.section-heading{margin-bottom:52px}.section-heading p{font-size:1rem}.cta-banner{margin-top:100px;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='375'%20height='300'%3e%3cg%20fill='%234B3F6B'%20fill-rule='evenodd'%3e%3cpath%20d='M-263.351%20570.909c29.685%2077.331%2073.689%20123.988%20171.79%20127.377%2098.102%203.39%20167.085-60.547%20256.043-73.22%2088.958-12.674%20135.24%20107.895%20240.73%20152.532%20105.488%2044.638%20274.775.333%20377.9-125.622C886.24%20526.021%20878.62%20327.29%20799.392%20238.798%20720.162%20150.307%20608.257%2084.743%20243.5%20224.76c-364.757%20140.017-536.537%20268.818-506.852%20346.149zM-514-377.482c0%2082.833%2024.36%20142.16%20114.732%20180.482%2090.371%2038.321%20177.686%203.352%20265.277%2023.4%2087.59%2020.048%2087.59%20149.195%20170.077%20228.671%2082.486%2079.476%20256.405%2098.781%20397.82%2018.15%20141.415-80.632%20205.52-268.896%20163.267-379.902C554.919-417.687%20473.943-519%2083.236-519S-514-460.314-514-377.482z'/%3e%3c/g%3e%3c/svg%3e")}.site-footer{padding-top:38px}.footer-links{gap:24px;flex-direction:column}}header,.hero,.shorten-form,.stats{margin-inline:5rem}