@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#15213b;background:#f7f9fc;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#15213b;--muted:#69758b;--line:#e5eaf2;--blue:#3267e8;--blue-dark:#2454c9;--soft:#eef4ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#f7f9fc}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.site-shell{position:relative;overflow:hidden;min-height:100vh}.container{width:min(1160px,calc(100% - 48px));margin:auto}.ambient{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.ambient-one{width:680px;height:680px;right:-240px;top:-240px;background:radial-gradient(circle,#e6efff,#e6efff00 70%)}.ambient-two{width:480px;height:480px;left:-320px;top:560px;background:radial-gradient(circle,#eef7ff,#eef7ff00 68%)}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand,.footer-brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-weight:800;font-size:20px;letter-spacing:-.6px}.brand>span:last-child span{color:var(--blue)}.brand-mark{width:31px;height:31px;border-radius:9px;background:#e9f0ff;display:flex;align-items:center;justify-content:center;gap:2px;box-shadow:inset 0 0 0 1px #3267e81a}.brand-mark span{display:block;width:4px;border-radius:3px;background:var(--blue)}.brand-mark span:nth-child(1){height:10px}.brand-mark span:nth-child(2){height:17px}.brand-mark span:nth-child(3){height:13px}.brand-mark.small{width:25px;height:25px;border-radius:7px}.brand-mark.small span{width:3px}.brand-mark.small span:nth-child(1){height:8px}.brand-mark.small span:nth-child(2){height:14px}.brand-mark.small span:nth-child(3){height:11px}.signup-btn{border:1px solid #dbe3f0;background:#ffffffb3;color:var(--ink);padding:11px 19px;border-radius:10px;font-weight:700;box-shadow:0 4px 14px #192b4c0a;transition:.2s}.signup-btn:hover{border-color:#b9c8e5;background:#fff;transform:translateY(-1px)}.hero{min-height:630px;display:grid;grid-template-columns:1fr 1.03fr;align-items:center;gap:55px;padding:45px 0 75px;position:relative;z-index:1}.eyebrow,.section-label,.cta-kicker,.modal-kicker{font-size:11px;font-weight:800;letter-spacing:1.35px;color:#6a7890}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:19px}.pulse{width:7px;height:7px;border-radius:50%;background:#43bd7b;box-shadow:0 0 0 5px #43bd7b1f}h1,h2,h3,p{margin:0}h1{font-family:Manrope,sans-serif;font-size:64px;line-height:1.03;letter-spacing:-3.6px;font-weight:800;color:#17233d}h1 em{font-style:normal;color:var(--blue)}.hero-text{max-width:535px;color:var(--muted);font-size:17px;line-height:1.7;margin-top:25px}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:32px}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:0;background:var(--blue);color:#fff;border-radius:11px;padding:14px 18px 14px 21px;font-weight:700;box-shadow:0 12px 26px #3267e838;transition:.2s}.primary-btn svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.7}.primary-btn:hover:not(:disabled){background:var(--blue-dark);transform:translateY(-2px);box-shadow:0 15px 30px #3267e845}.primary-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.text-btn{border:0;background:none;color:#42516a;font-weight:700;padding:10px 0}.text-btn:hover{color:var(--blue)}.trust-line{margin-top:24px;font-size:12px;color:#8490a2;display:flex;align-items:center;gap:9px}.check{color:#39a870;font-weight:800}.dot{color:#c3cad5}.cloud-visual{height:495px;position:relative;display:flex;align-items:center;justify-content:center}.cloud-glow{position:absolute;width:390px;height:330px;background:radial-gradient(ellipse,rgba(75,132,255,.2),transparent 68%);filter:blur(10px)}.cloud-card{background:#ffffffe0;border:1px solid rgba(220,227,238,.9);box-shadow:0 30px 80px #233b6421;border-radius:20px}.main-card{width:410px;min-height:365px;padding:19px;position:relative;z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.back-card{width:370px;height:330px;position:absolute;transform:translate(35px,-42px) rotate(4deg);opacity:.55}.mini-top{display:flex;gap:5px;padding:16px}.mini-top span{width:6px;height:6px;border-radius:50%;background:#dfe5ef}.fake-lines{padding:20px 32px}.fake-lines i{display:block;height:9px;border-radius:10px;background:#edf1f6;margin:18px 0}.fake-lines i:nth-child(1){width:65%}.fake-lines i:nth-child(2){width:84%}.fake-lines i:nth-child(3){width:48%}.window-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid #edf0f5}.window-brand{font-weight:800;font-size:13px;display:flex;align-items:center;gap:8px}.tiny-mark{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#edf3ff;color:var(--blue);font-size:10px;font-weight:900}.avatar{width:27px;height:27px;border-radius:50%;background:#e8eef8;color:#60708b;font-size:8px;font-weight:800;display:grid;place-items:center}.storage-row{display:flex;justify-content:space-between;align-items:center;margin:17px 0 9px}.storage-row strong{font-size:14px;display:block}.storage-row small{display:block;color:#8a95a6;font-size:9px;margin-top:3px}.storage-row>span{font-size:8px;font-weight:800;color:#32a36c;background:#e9f8f0;padding:5px 8px;border-radius:20px}.usage{height:5px;background:#edf1f7;border-radius:10px;overflow:hidden}.usage-fill{width:38%;height:100%;background:linear-gradient(90deg,#477cf0,#6b9bff);border-radius:10px}.folder-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.folder{border:1px solid #edf0f5;border-radius:10px;padding:10px;display:flex;align-items:center;gap:8px}.folder-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:11px}.blue{background:#eaf1ff;color:#4d7ce5}.purple{background:#f0ebff;color:#8a6de0}.orange{background:#fff2e4;color:#e99a4b}.green{background:#e7f8ef;color:#4db57d}.folder b{font-size:9px;display:block}.folder small{font-size:8px;color:#929baa;display:block;margin-top:2px}.recent{margin-top:17px;border-top:1px solid #edf0f5;padding-top:12px;font-size:9px;font-weight:800}.recent>small{float:right;color:#9ca5b3;font-weight:500}.activity{display:flex;gap:9px;align-items:center;margin-top:10px}.activity>b{width:24px;height:24px;border-radius:7px;background:#eaf1ff;position:relative}.activity>b:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:var(--blue);font-size:9px}.activity strong,.activity small{display:block;font-size:8px}.activity small{color:#929baa;margin-top:2px}.float-badge{position:absolute;z-index:3;background:#fffffff2;border:1px solid #e2e8f1;border-radius:12px;padding:10px 12px;display:flex;gap:9px;align-items:center;box-shadow:0 15px 35px #1f365c1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.float-badge>span{width:29px;height:29px;border-radius:9px;background:#eef4ff;color:var(--blue);display:grid;place-items:center;font-weight:800;font-size:12px}.float-badge b{display:block;font-size:9px}.float-badge small{display:block;color:#8d98a9;font-size:8px;margin-top:2px}.badge-secure{left:0;top:92px}.badge-sync{right:-3px;bottom:72px}.badge-sync>span{background:#eaf8f0;color:#40a774}.features{padding:18px 0 80px}.section-label{padding-bottom:17px;border-bottom:1px solid var(--line)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding-top:29px}.feature-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:17px;margin-bottom:16px}.shield{background:#eaf1ff;color:#4679e7}.bolt{background:#f1edff;color:#8065db}.cloud{background:#e8f8f0;color:#42a876}.feature-grid h3{font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.4px}.feature-grid p{color:#7b879a;font-size:13px;line-height:1.65;margin-top:8px;max-width:300px}.cta{margin-bottom:76px;border:1px solid #e0e6ef;background:#fff;border-radius:18px;padding:29px 32px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 15px 40px #283f660d}.cta h2{font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-1px;margin-top:7px}.outline-btn{background:#fff;border:1px solid #dce4f0;color:#33425d;border-radius:10px;padding:12px 15px;font-weight:700}.outline-btn span{color:var(--blue);margin-left:14px}.outline-btn:hover{border-color:#b9c9e8}.footer{min-height:105px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#8b95a5;font-size:11px}.footer-brand{font-size:14px;color:#4a5770}.footer-links{display:flex;gap:24px}.footer-links a:hover{color:var(--blue)}.copyright{text-align:right}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#121d326b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.modal{width:min(100%,430px);background:#fff;border:1px solid rgba(255,255,255,.65);border-radius:20px;box-shadow:0 35px 90px #0f1d3740;position:relative}.login-modal{padding:34px}.close-btn{position:absolute;right:16px;top:14px;border:0;background:#f3f5f8;color:#66748b;width:31px;height:31px;border-radius:50%;font-size:20px;line-height:1}.close-btn:hover{background:#e9edf3}.modal-logo{display:flex;margin-bottom:22px}.modal-logo .brand-mark{width:37px;height:37px;border-radius:10px}.modal-heading h2{font-family:Manrope,sans-serif;font-size:24px;letter-spacing:-1px;margin-top:6px}.modal-heading p{font-size:13px;color:#8993a4;margin-top:7px}.modal form{margin-top:25px}label{display:block;font-size:11px;font-weight:800;color:#49566c;margin-bottom:15px}input{display:block;width:100%;margin-top:7px;border:1px solid #dfe5ee;border-radius:10px;padding:12px 13px;color:var(--ink);outline:0;background:#fbfcfe;font-size:13px;transition:.2s}input:focus{border-color:#8eadeb;box-shadow:0 0 0 3px #3267e817;background:#fff}input:disabled{opacity:.65}.password-wrap{position:relative}.password-wrap input{padding-right:55px}.password-wrap button{position:absolute;right:8px;top:7px;height:33px;border:0;background:none;color:var(--blue);font-size:10px;font-weight:800}.full{width:100%;margin-top:3px}.form-error{display:flex;gap:8px;align-items:center;background:#fff1f0;border:1px solid #ffd9d5;color:#c84b43;padding:9px 10px;border-radius:9px;font-size:11px;margin:2px 0 12px}.form-error span{width:17px;height:17px;border-radius:50%;background:#e85b52;color:#fff;display:grid;place-items:center;font-weight:800;font-size:10px}.spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.modal-divider{height:28px;border-bottom:1px solid #edf0f4;text-align:center;margin-bottom:27px}.modal-divider span{position:relative;top:19px;background:#fff;padding:0 12px;color:#a1a9b6;font-size:10px}.secondary-btn{width:100%;border:1px solid #dce3ee;background:#fff;color:#33415a;border-radius:10px;padding:11px;font-size:12px;font-weight:700}.secondary-btn:hover{border-color:#b8c7e3;background:#fbfcff}.modal-note{text-align:center;color:#a1a9b5;font-size:9px;line-height:1.5;margin-top:17px}.notice-modal{padding:39px 34px 34px;text-align:center}.notice-icon{width:48px;height:48px;border-radius:15px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;font-family:Manrope,sans-serif;font-weight:800;font-size:20px;margin:0 auto 20px}.notice-modal h2{font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-.8px;margin-top:8px}.notice-copy{font-size:13px;line-height:1.65;color:#7d889a;margin:12px auto 25px;max-width:330px}.fade-enter-active,.fade-leave-active{transition:.2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-from .modal,.fade-leave-to .modal{transform:translateY(8px) scale(.98)}.modal{transition:.2s ease}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:10px;padding-top:55px}.hero-copy{text-align:center}.eyebrow,.hero-actions,.trust-line{justify-content:center}.hero-text{margin-left:auto;margin-right:auto}.cloud-visual{margin-top:10px}.features{padding-top:10px}.cta{gap:25px}.footer{grid-template-columns:1fr 1fr}.copyright{grid-column:1/-1;text-align:left;padding-bottom:20px}}@media(max-width:620px){.container{width:min(100% - 30px,1160px)}.topbar{height:74px}.hero{padding-top:45px}.hero h1{font-size:45px;letter-spacing:-2.5px}.hero-text{font-size:15px}.hero-actions{flex-direction:column;gap:9px}.cloud-visual{height:390px;transform:scale(.82);margin-left:-35px;margin-right:-35px}.badge-secure{left:-12px}.badge-sync{right:-12px}.features{padding-bottom:55px}.feature-grid{grid-template-columns:1fr;gap:27px}.feature-grid p{max-width:none}.cta{align-items:flex-start;flex-direction:column;padding:24px}.cta h2{font-size:20px}.footer{display:flex;flex-wrap:wrap;gap:20px;padding:25px 0}.footer-links{order:3;width:100%}.copyright{margin-left:auto}.login-modal{padding:29px 22px}.notice-modal{padding:34px 22px 26px}}