@import url('/nav.css');
:root{--ink:#080a0c;--surface:#14191a;--line:#655b48;--gold:#eec77b;--soft:#b6bab5}*{box-sizing:border-box}html{scroll-behavior:smooth}body.page-home{margin:0;background:radial-gradient(ellipse at 13% 22%,#27302572,transparent 32%),radial-gradient(ellipse at 84% 22%,#533d2340,transparent 28%),#080a0c;color:#f9f4e9;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Arial,sans-serif;overflow-x:hidden}body.page-home:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.2;background-image:radial-gradient(#bdad8680 .6px,transparent .6px);background-size:25px 25px;mask-image:linear-gradient(to bottom,black,transparent 75%)}.home-shell{position:relative;z-index:1;max-width:1320px;margin:auto;padding:0 32px}.home-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:560px;padding:45px 0 25px;border-bottom:1px solid #a2895540}.hero-kicker,.section-label,.tool-type,.card-number{color:#f1c981;font-size:11px;font-weight:800;letter-spacing:.18em}.hero-kicker{display:flex;align-items:center;gap:10px}.kicker-dot{display:inline-block;width:7px;height:7px;background:#f5cf81;border-radius:50%;box-shadow:0 0 15px #e6b957}.kicker-line{height:1px;width:35px;background:#907248}.home-copy h1{font-size:clamp(53px,6vw,88px);line-height:1.03;letter-spacing:-.065em;margin:25px 0 20px;font-weight:850}.home-copy h1 em{font-style:normal;color:#ebc37a}.home-copy p{max-width:510px;color:#bcc2b9;line-height:1.75;margin:0 0 27px;font-size:16px}.hero-button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:14px 19px;border-radius:10px;background:linear-gradient(105deg,#ffe2a0,#d6a553);box-shadow:0 10px 35px #c3903d45;color:#1b170f;font-size:14px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s}.hero-button:hover{transform:translateY(-3px);box-shadow:0 17px 42px #c3903d65}.hero-button span{font-size:19px}.hero-foot{display:flex;align-items:center;gap:10px;color:#898f88;font-size:11px;margin-top:44px}.hero-foot-icon{color:#ecc276}.hero-foot-line{width:19px;height:1px;background:#7f7768}.hero-art{height:470px;position:relative;display:grid;place-items:center;isolation:isolate}.art-halo{position:absolute;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,#e4ad5a28,transparent 68%);filter:blur(20px)}.art-ring{position:absolute;border:1px solid #c49b5c43;border-radius:50%;aspect-ratio:1;transform:rotate(-18deg)}.art-ring-1{width:340px;box-shadow:0 0 40px #c6954240,inset 0 0 45px #c6954222}.art-ring-2{width:455px;border-style:dashed;border-color:#e2be7c24}.art-core{height:205px;width:205px;border-radius:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transform:rotate(-7deg);background:linear-gradient(130deg,#32332b,#131b1b 48%,#29271f);border:1px solid #f9d58c8f;box-shadow:0 30px 75px #000c,0 0 0 8px #c1963e12,inset 0 1px #fff4bb43}.art-core-symbol{color:#f4d38e;font-size:115px;line-height:1;font-weight:900;letter-spacing:-.14em;padding-right:.14em;text-shadow:0 6px 36px #f7bd5277}.art-core-caption{font-size:9px;letter-spacing:.27em;color:#cda965;font-weight:800}.art-pill{position:absolute;display:flex;align-items:center;gap:12px;background:linear-gradient(115deg,#252a27ed,#151b1bed);border:1px solid #ba9b6880;border-radius:14px;box-shadow:0 15px 35px #0009,inset 0 1px #ffffff20;padding:10px 17px;color:#a8a99e;letter-spacing:.12em;font-size:9px;font-weight:750}.art-pill span{font-size:18px;color:#ecca88}.art-pill strong{display:block;color:#fff7e8;font-size:12px;letter-spacing:0}.art-pill-a{top:56px;left:5%}.art-pill-b{right:0;top:158px}.art-pill-c{bottom:49px;left:8%}.art-star{position:absolute;color:#e8bb6d}.art-star-a{left:14%;top:42%;font-size:22px}.art-star-b{right:15%;bottom:14%;font-size:22px}.art-star-c{right:23%;top:8%;font-size:11px}.tools-section{padding:48px 0 80px;scroll-margin-top:20px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.section-top h2{font-size:clamp(26px,3.3vw,40px);letter-spacing:-.04em;line-height:1.1;margin:9px 0 0}.section-counter{font-size:28px;font-weight:800;color:#edc67a}.section-counter span{font-size:15px;color:#817b6d}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.tool-card{position:relative;min-height:355px;display:flex;flex-direction:column;justify-content:space-between;padding:25px 26px 22px;border-radius:19px;border:1px solid #8a775147;background:linear-gradient(155deg,#232925 0%,#181e1d 40%,#111516 100%);box-shadow:inset 0 1px #ffffff14,0 19px 40px #0006;text-decoration:none;color:#f6f2e7;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.tool-card:before{content:"";position:absolute;width:210px;height:210px;background:radial-gradient(circle,#e4b76727,transparent 65%);top:-90px;right:-75px;pointer-events:none}.tool-card:hover{transform:translateY(-6px);border-color:#ecc77a;box-shadow:0 25px 55px #0009,0 0 40px #deb05c17}.card-top,.card-bottom{display:flex;align-items:center;justify-content:space-between}.tool-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:linear-gradient(140deg,#725b34,#322b21);border:1px solid #d6ad657a;font-size:25px;color:#ffe4a9}.card-number{color:#7c827b}.tool-card h3{font-size:29px;line-height:1.1;letter-spacing:-.035em;margin:9px 0 12px}.tool-card p{font-size:13px;line-height:1.7;color:#abb6ac;margin:0;max-width:320px}.card-bottom{margin-top:26px;padding-top:17px;border-top:1px solid #b0a07639;font-size:13px;font-weight:750;color:#ebc67c}.arrow-circle{width:30px;height:30px;border:1px solid #b3945d8a;border-radius:50%;display:grid;place-items:center;font-size:16px}.home-footer{border-top:1px solid #a2895538;padding:23px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#929a91;font-size:12px}.home-footer span:first-child{color:#e9c47c;letter-spacing:.12em;font-weight:800}@media(max-width:900px){.home-hero{grid-template-columns:1fr .8fr}.hero-art{transform:scale(.78);transform-origin:center;min-width:420px;margin-left:-65px}.home-copy h1{font-size:clamp(48px,6vw,70px)}}@media(max-width:760px){.home-shell{padding:0 18px}.home-hero{display:flex;flex-direction:column;align-items:stretch;min-height:auto;padding:52px 0 15px}.hero-art{height:310px;transform:scale(.7);margin:-25px auto -40px;min-width:420px;align-self:center}.home-copy h1{font-size:clamp(51px,11vw,74px)}.hero-foot{margin-top:27px}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:270px}.home-footer{flex-wrap:wrap}.home-footer span:nth-child(2){display:none}}@media(max-width:430px){.hero-art{transform:scale(.61);margin:-45px auto -62px}.home-copy h1{font-size:50px}.section-counter{display:none}}
/* Shared page polish; does not change tool logic. */
body.page-outlook,body.page-tiktok,body.page-twofa{background-color:#090c0d!important;background-image:radial-gradient(ellipse at 16% 13%,#333b2c9c,transparent 35%),radial-gradient(ellipse at 88% 73%,#4c38266b,transparent 37%)!important}body.page-outlook:before{background:radial-gradient(ellipse at 16% 10%,#313b2f80,transparent 43%),radial-gradient(ellipse at 83% 76%,#62412545,transparent 48%),#090c0d!important}body.page-outlook{max-width:none;padding:0 22px 24px!important}body.page-outlook>.topbar,body.page-outlook>section,body.page-outlook>.intro,body.page-outlook>.dialog{max-width:1320px;margin-left:auto;margin-right:auto}body.page-outlook>.topbar{padding-top:26px}body.page-outlook section{border-color:#aa8b563d;border-radius:20px;background:linear-gradient(140deg,#1c2420f2,#111719f5 68%,#1e1c18ed);box-shadow:0 20px 60px #0008,inset 0 1px #ffffff13}body.page-outlook section.hero{padding:36px 40px;background:radial-gradient(circle at 87% 33%,#bd8c3740,transparent 30%),linear-gradient(125deg,#253028,#151b19 65%,#211c16)}body.page-outlook .hero h1{font-size:clamp(34px,5vw,64px);letter-spacing:-.06em}body.page-outlook .hero h1 span{background:linear-gradient(90deg,#f4da99,#cba05a);background-clip:text;-webkit-background-clip:text;color:transparent}body.page-outlook .hero .orb{color:#f6d28c;background:#423621;border-color:#c99e58;box-shadow:0 0 35px #d0a85a33}body.page-outlook .intro{border-left-color:#edc276;background:#6c542b43;color:#e3d6b7;border-radius:0 13px 13px 0}body.page-outlook .intro code{background:#85693b52;color:#ffe0a0}body.page-outlook .brand,body.page-outlook .eyebrow,body.page-outlook th{color:#e6bd78}body.page-outlook .top-status:before{background:#e9bd69;box-shadow:0 0 12px #e9bd69}body.page-outlook header{border-color:#a58c5539}body.page-outlook textarea{background:#0d1312;border-color:#84735271;border-radius:13px}body.page-outlook textarea:focus{border-color:#efcb84;outline:none;box-shadow:0 0 0 3px #efcb8428}body.page-outlook input[type=checkbox]{accent-color:#d5ae66}body.page-outlook select,body.page-outlook button{border-color:#84735067;background:#242923;color:#f0e9d9}body.page-outlook button:hover{border-color:#eac780;background:#363528}body.page-outlook .primary{color:#241a0d;background:linear-gradient(110deg,#f8dfa4,#d7a756);border-color:#f6daa0;box-shadow:0 10px 28px #d7a75642}body.page-outlook .badge{color:#f2d7a3;background:#684d2845;border-color:#a78a577a}body.page-outlook .mini,body.page-outlook .link,body.page-outlook .code{color:#f0c77a}body.page-outlook td,body.page-outlook th{border-color:#957b4c39}body.page-outlook .dialog{background:#171d1b;border-color:#a68a58}body.page-outlook .dialog button{color:#f1d39a}body.page-outlook .top-status{color:#cfbd9d}body.page-tiktok{min-height:100vh}body.page-tiktok .wrap{max-width:1150px}body.page-tiktok .hero{padding:70px 10px 38px}body.page-tiktok .hero h1{font-size:clamp(44px,6.5vw,78px)}body.page-tiktok .panel,body.page-tiktok .result{border-color:#bfa16a78;box-shadow:0 24px 70px #0009,inset 0 1px #ffffff14;background:linear-gradient(140deg,#252a27e8,#111819ef)}body.page-tiktok .feature{border-color:#a28c6247;background:linear-gradient(140deg,#212624cc,#151919e6)}body.page-twofa{min-height:100vh;cursor:auto!important}body.page-twofa a,body.page-twofa button,body.page-twofa input,body.page-twofa [onclick],body.page-twofa .cursor-pointer{cursor:pointer!important}body.page-twofa input,body.page-twofa textarea{cursor:text!important}body.page-twofa #custom-cursor{display:none!important}body.page-twofa .glass-card{background:linear-gradient(145deg,#222820d9,#111717ed);border-color:#b49b6445;box-shadow:0 18px 38px #0007,inset 0 1px #ffffff16}body.page-twofa>.max-w-md{max-width:540px}body.page-twofa .mvvd-nav{cursor:auto!important}@media(max-width:650px){body.page-outlook{padding:0 10px 15px!important}body.page-outlook section.hero{padding:24px 20px}body.page-outlook>.topbar{padding-top:18px}body.page-tiktok .hero{padding-top:53px}body.page-twofa>.max-w-md{padding-top:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Slow gold shimmer across the display headline. */
.page-home .home-copy h1 em{background:linear-gradient(105deg,#bb8138 0%,#e3af5f 23%,#fff3c3 46%,#e0ac58 68%,#b5813d 100%);background-size:230% 100%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:mvvd-text-flow 9s ease-in-out infinite alternate}
@keyframes mvvd-text-flow{from{background-position:0% 50%}to{background-position:100% 50%}}
/* Border highlight follows the point nearest the cursor inside each card. */
.page-home .tool-card{--mouse-x:50%;--mouse-y:50%;isolation:isolate}
.page-home .tool-card:after{content:"";position:absolute;inset:0;border:1.5px solid transparent;border-radius:inherit;pointer-events:none;background:radial-gradient(210px circle at var(--mouse-x) var(--mouse-y),#fff4bf 0%,#f6cb789e 35%,transparent 75%) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0) border-box;-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0) border-box;mask-composite:exclude;opacity:0;transition:opacity .22s}
.page-home .tool-card:hover:after,.page-home .tool-card:focus-visible:after{opacity:1}
.page-home .tool-card:focus-visible,.page-home .hero-button:focus-visible{outline:2px solid #ffe1a1;outline-offset:4px}
#gravity-particles{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;opacity:.75}
@media(hover:none){.page-home .tool-card:after{display:none}}
@media(prefers-reduced-motion:reduce){.page-home .home-copy h1 em{animation:none;background-position:50% 50%}#gravity-particles{display:none}}

/* Visible shimmer across headline and card headings, moving left to right. */
.page-home .home-copy h1 em{
  background-image:linear-gradient(100deg,#c48836 0%,#f0bc68 23%,#fff9e6 40%,#f7da98 50%,#fff8e4 59%,#efbb68 76%,#b97c31 100%);
  background-size:240% 100%;
  animation:mvvd-gold-travel 5.5s linear infinite;
  filter:drop-shadow(0 0 14px #d49b4430)
}
.page-home .tool-card h3{
  background:linear-gradient(100deg,#fff6e7 0%,#e2b961 22%,#fffbe9 43%,#efcf86 62%,#fff5df 82%,#ddb466 100%);
  background-size:230% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:mvvd-gold-travel 8s linear infinite;
}
@keyframes mvvd-gold-travel{from{background-position:110% 50%}to{background-position:-110% 50%}}
/* A thin static frame and a bright localized segment nearest the pointer. */
.page-home .tool-card{--mouse-x:50%;--mouse-y:0%;--border-glow:.74;border-color:#b9915790}
.page-home .tool-card:after{
  opacity:var(--border-glow);transition:opacity .18s;
  border-width:2px;
  background:radial-gradient(165px circle at var(--mouse-x) var(--mouse-y),#fffdf2 0%,#ffdf93 24%,#e8af5799 46%,transparent 78%) border-box;
  filter:drop-shadow(0 0 8px #ffda82)
}
.page-home .tool-card:hover:after,.page-home .tool-card:focus-visible:after{opacity:1}
@media(hover:none){.page-home .tool-card:after{display:block;opacity:.6}}
@media(prefers-reduced-motion:reduce){.page-home .home-copy h1 em,.page-home .tool-card h3{animation:none;background-position:50% 50%}}
/* Full teal-to-yellow reactive perimeter, matching the supplied reference. */
.page-home .tool-card{
  border:2px solid transparent;
  background:linear-gradient(155deg,#232925 0%,#181e1d 40%,#111516 100%) padding-box,
             linear-gradient(115deg,#25d5b5 0%,#4bd5ae 24%,#95d36a 61%,#e6d82e 100%) border-box;
  box-shadow:inset 0 1px #ffffff18,0 19px 40px #0007,0 0 20px #3ac5a813;
}
.page-home .tool-card:before{z-index:0}
.page-home .tool-card > *{position:relative;z-index:2}
.page-home .tool-card:after{
  z-index:1;
  border:3px solid transparent;
  background:radial-gradient(155px circle at var(--mouse-x) var(--mouse-y),#ffffff 0%,#fff8bb 18%,#d7ffb7 37%,#67f7d3 56%,transparent 83%) border-box;
  -webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0) border-box;
  -webkit-mask-composite:xor;
  mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0) border-box;
  mask-composite:exclude;
  opacity:var(--border-glow);
  filter:none;
}
.page-home .tool-card:hover{
  border-color:transparent;
  box-shadow:inset 0 1px #ffffff18,0 24px 52px #0009,0 0 30px #83dd9180;
}
@media(hover:none){.page-home .tool-card:after{opacity:.55}}
/* Fourth tool: four equal cards on desktop, two columns on tablet. */
.page-home .tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.page-home .tool-card{min-height:354px;padding:23px 20px 21px}
.page-home .tool-card h3{font-size:27px}
.page-home .art-pill-d{bottom:50px;right:1%}
@media(max-width:1100px){.page-home .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-home .tool-card{min-height:320px;padding:25px}}
@media(max-width:760px){.page-home .art-pill-d{right:1%;bottom:40px}}
@media(max-width:600px){.page-home .tool-grid{grid-template-columns:1fr}.page-home .tool-card{min-height:270px}}
/* Make space for five navigation links on small screens. */
@media(max-width:650px){.mvvd-nav-links{grid-template-columns:repeat(5,minmax(0,1fr))}.mvvd-nav a{font-size:10px}}
/* Saved Outlook accounts live after the inbox table. */
body.page-outlook section.history-panel{padding:18px 22px;margin-top:0;border-color:#aa8b563d;background:linear-gradient(140deg,#1d2520f2,#121a19f5)}
body.page-outlook .history-panel .history{margin:0;padding:21px;border-radius:15px;border:1px solid #a68a566e;background:#0d1917b8}
body.page-outlook .history-title{color:#f4cf8b}
body.page-outlook .history-item{background:#303428;border-color:#8e7b5287}
body.page-outlook .history-open{color:#f6efe1;background:transparent;border:0}
body.page-outlook .history-remove{background:#483130;color:#ffc4bd;border-color:#895251}
body.page-outlook .history-empty,body.page-outlook #saveNotice{color:#adb9ad}
body.page-outlook .history-action{color:#f0c791;border-color:#ae8e5980}
@media(max-width:650px){body.page-outlook section.history-panel{padding:11px}body.page-outlook .history-panel .history{padding:14px}}
/* Outlook Reader update: saved accounts remain below the inbox. */
body.page-outlook section.saved-section{border-color:#aa8b563d;background:linear-gradient(140deg,#1d2520f2,#121a19f5)}
body.page-outlook .saved-section main{padding:19px 22px 23px}
body.page-outlook .saved-section .history{margin:0;padding:21px;border-radius:15px;border:1px solid #a68a566e;background:#0d1917b8}
body.page-outlook .saved-section .history-title{color:#f4cf8b}
body.page-outlook .saved-section .history-item{background:#303428;border-color:#8e7b5287}
body.page-outlook .saved-section .history-open{color:#f6efe1;background:transparent;border:0}
body.page-outlook .saved-section .history-remove{background:#483130;color:#ffc4bd;border-color:#895251}
body.page-outlook .saved-section .history-action{color:#f0c791;border-color:#ae8e5980}
@media(max-width:650px){body.page-outlook .saved-section main{padding:12px}body.page-outlook .saved-section .history{padding:14px}}