@import"https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css";@tailwind base;@tailwind components;@tailwind utilities;body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{-webkit-font-smoothing:antialiased;box-sizing:border-box}html,body{margin:0;height:100%}button:focus-visible{outline:2px solid #4a90e2!important;outline:-webkit-focus-ring-color auto 5px!important}a{text-decoration:none}@custom-variant dark (&:is(.dark *));:root{--font-size: 16px;--background: #ffffff;--foreground: oklch(.145 0 0);--card: #ffffff;--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: #030213;--primary-foreground: oklch(1 0 0);--secondary: oklch(.95 .0058 264.53);--secondary-foreground: #030213;--muted: #ececf0;--muted-foreground: #717182;--accent: #e9ebef;--accent-foreground: #030213;--destructive: #d4183d;--destructive-foreground: #ffffff;--border: rgba(0, 0, 0, .1);--input: transparent;--input-background: #f3f3f5;--switch-background: #cbced4;--font-weight-medium: 500;--font-weight-normal: 400;--ring: oklch(.708 0 0);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--radius: .625rem;--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: #030213;--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0)}.dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.145 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.145 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.985 0 0);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.396 .141 25.723);--destructive-foreground: oklch(.637 .237 25.331);--border: oklch(.269 0 0);--input: oklch(.269 0 0);--ring: oklch(.439 0 0);--font-weight-medium: 500;--font-weight-normal: 400;--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(.269 0 0);--sidebar-ring: oklch(.439 0 0)}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-input-background: var(--input-background); --color-switch-background: var(--switch-background); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }@layer base{*{@apply border-border outline-ring/50;}body{@apply bg-background text-foreground;}}@layer base{:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h1{font-size:var(--text-2xl);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h2{font-size:var(--text-xl);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h3{font-size:var(--text-lg);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h4{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) p{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) label{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) button{cursor:pointer;font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) input{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}}html{font-size:var(--font-size)}.modern-login-page .container-5{display:flex;flex-direction:column;width:448px;height:641px;align-items:flex-start;gap:32px;padding:41px 41px 1px;position:absolute;top:110px;left:164px;background-color:#fff6;border-radius:24px;border:1px solid;border-color:#fffefe99;box-shadow:0 8px 32px #1f268726}.modern-login-page .text-wrapper-3{position:absolute;top:12px;left:130px;font-family:Arimo-Regular,Helvetica;font-weight:400;color:#0a0a0a;font-size:14px;letter-spacing:0;line-height:20px;white-space:nowrap}.modern-login-page .form{display:flex;flex-direction:column;height:226px;align-items:flex-start;gap:16px;position:relative;align-self:stretch;width:100%}.modern-login-page .container-9{display:flex;flex-direction:column;height:70px;align-items:flex-start;gap:8px;position:relative;align-self:stretch;width:100%}.modern-login-page .container-10{display:flex;flex-direction:column;height:76px;align-items:flex-start;gap:8px;position:relative;align-self:stretch;width:100%}.modern-login-page .paragraph-2{position:relative;align-self:stretch;width:100%;height:24px}.modern-login-page .don-t-have-an{position:absolute;top:1px;left:82px;font-family:Arimo-Regular,Helvetica;font-weight:400;color:#354152;font-size:14px;text-align:center;letter-spacing:0;line-height:20px;white-space:nowrap}.modern-login-page .button-4{all:unset;box-sizing:border-box;position:absolute;top:0;left:230px;width:55px;height:24px;display:flex}.modern-login-page .text-wrapper-8{margin-top:-2px;width:55px;height:24px;font-size:16px;line-height:24px;font-family:Arimo-Regular,Helvetica;font-weight:400;color:#101727;letter-spacing:0;white-space:nowrap}.modern-login-page .p{position:absolute;top:-1px;left:6px;width:171px;font-family:Arimo-Regular,Helvetica;font-weight:400;color:#495565;font-size:12px;text-align:center;letter-spacing:0;line-height:16px}.modern-login-page .link{display:flex;width:86px;height:16px;align-items:flex-start;position:absolute;top:0;left:177px}.modern-login-page .text-wrapper-10{position:absolute;top:-1px;left:262px;width:27px;font-family:Arimo-Regular,Helvetica;font-weight:400;color:#495565;font-size:12px;text-align:center;letter-spacing:0;line-height:16px}.modern-login-page .hero-image{position:absolute;top:1px;left:1px;width:510px;height:320px;background-image:url(https://images.unsplash.com/photo-1614648692330-eb129aeb6880);background-size:cover;background-position:center;border-radius:16px}.hero-image{background-image:url(https://images.unsplash.com/photo-1614648692330-eb129aeb6880);background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:100%;border-radius:1rem}.page-wrapper{display:flex;width:100%;height:100vh;overflow:hidden}.modern-login-page .container{flex:1;height:100%;overflow:hidden;background:linear-gradient(117deg,#f1f5f9,#f9fafb,#eff6ff);display:flex;justify-content:center;align-items:center}.modern-login-page .div{position:relative;width:100%;height:100%}.modern-login-page .container-2{position:absolute;top:-160px;left:-80px;width:384px;height:384px;border-radius:33554400px;filter:blur(64px);background:linear-gradient(117deg,#024aa44d,#101828 47%,#00469d3d 64%)}.modern-login-page .container-3{position:absolute;top:700px;left:760px;width:384px;height:484px;border-radius:63554400px;filter:blur(64px);background:linear-gradient(117deg,#586b89 30%,#182131 66%)}.modern-login-page .container-4{position:absolute;top:131px;left:88px;width:600px;height:600px;border-radius:33554400px;filter:blur(64px);background:linear-gradient(117deg,#fff6,#eff6ff33,#0000)}.modern-login-page .img{position:absolute;top:862px;left:780px;width:776px;height:862px}.modern-login-page .container-5{display:flex;flex-direction:column;justify-content:flex-start;width:448px;min-height:500px;height:auto;align-items:flex-start;gap:32px;padding:41px 41px 32px;position:absolute;top:110px;left:164px;background-color:#fff6;border-radius:24px;border:1px solid #fffefe99;box-shadow:0 8px 32px #1f268726;transition:height .3s ease,padding .2s ease}.container-5.expanded{min-height:780px}.modern-login-page .container-6{position:relative;align-self:stretch;width:100%;height:84px}.modern-login-page .paragraph{position:absolute;top:60px;left:0;width:366px;height:24px;display:flex}.modern-login-page .text-wrapper{margin-top:-2px;width:342px;height:24px;font-family:Arimo-Regular,Helvetica;font-weight:400;color:#354152;font-size:16px;letter-spacing:0;line-height:24px;white-space:nowrap}.modern-login-page .container-7{position:absolute;top:0;left:0;width:197px;height:48px}.modern-login-page .container-8{position:absolute;top:-8px;left:-8px;width:213px;height:64px;border-radius:16px;filter:blur(24px);background:linear-gradient(90deg,#99a1af33,#d1d5dc4d,#99a1af33)}.modern-login-page .heading{position:absolute;top:0;left:0;width:197px;height:48px;display:flex;box-shadow:0 4px 24px #00000026}.modern-login-page .text-wrapper-2{margin-top:-6px;width:206px;height:48px;margin-left:-1px;-webkit-text-stroke:1px #354152;font-family:Abyssinica SIL-Regular,Helvetica;font-weight:400;color:#354152;font-size:48px;letter-spacing:-1.2px;line-height:48px;white-space:nowrap}.modern-login-page .button{all:unset;box-sizing:border-box;position:relative;align-self:stretch;width:100%;height:48px;background-color:#ffffff80;border-radius:8px;border:1px solid;border-color:#fffefe99;box-shadow:0 4px 16px #1f26871a}.modern-login-page .icon{position:absolute;top:16px;left:98px;width:16px;height:16px}.modern-login-page .vector{position:absolute;width:19.08%;height:33.08%;top:54.17%;left:41.17%}.modern-login-page .vector-2{position:absolute;width:38.21%;height:0;top:29.17%;left:45.83%}.modern-login-page .vector-3{position:absolute;width:19.13%;height:33.08%;top:21.08%;left:12.29%}.modern-login-page .vector-4{position:absolute;width:83.33%;height:83.33%;top:4.17%;left:4.17%}.modern-login-page .vector-5{position:absolute;width:33.33%;height:33.33%;top:29.17%;left:29.17%}.modern-login-page .text-wrapper-3{top:12px;left:130px;font-family:Arimo-Regular,Helvetica;font-weight:400;color:#0a0a0a;font-size:14px;letter-spacing:0;line-height:20px;white-space:nowrap}.modern-login-page .div-wrapper{position:relative;align-self:stretch;width:100%;height:1px;background-color:#d1d5dc80}.modern-login-page .text{display:flex;width:172px;height:22px;align-items:flex-start;padding:0 16px;position:relative;top:-10px;left:97px;background-color:#fffc;border-radius:33554400px;border:1px solid;border-color:#fffefe99}.modern-login-page .text-wrapper-4{position:relative;width:fit-content;font-family:Arimo-Regular,Helvetica;font-weight:400;color:#495565;font-size:14px;letter-spacing:0;line-height:20px;white-space:nowrap}.modern-login-page .form{display:flex;flex-direction:column;height:auto;align-items:flex-start;gap:16px;position:relative;align-self:stretch;width:100%}.modern-login-page .container-9{display:flex;flex-direction:column;align-items:flex-start;gap:8px;position:relative;align-self:stretch;width:100%}.modern-login-page .primitive-label{display:flex;height:14px;align-items:center;gap:8px;position:relative;align-self:stretch;width:100%}.modern-login-page .label{position:relative;width:fit-content;margin-top:-1px;font-family:Arimo-Regular,Helvetica;font-weight:400;color:#354152;font-size:14px;letter-spacing:0;line-height:14px;white-space:nowrap}.modern-login-page .input{height:48px;padding:4px 12px;position:relative;align-self:stretch;width:100%;background-color:#fff9;border-radius:8px;overflow:hidden;border:1px solid;border-color:#fffefecc;box-shadow:0 2px 8px #1f268714;font-family:Arimo-Regular,Helvetica;font-weight:400;color:#717182;font-size:14px;letter-spacing:0;line-height:normal;white-space:nowrap}.modern-login-page .container-10{display:flex;flex-direction:column;align-items:flex-start;gap:8px;position:relative;align-self:stretch;width:100%;height:auto}.modern-login-page .container-11{display:flex;height:20px;align-items:center;justify-content:space-between;position:relative;align-self:stretch;width:100%}.modern-login-page .primitive-label-2{display:flex;width:59.56px;height:14px;align-items:center;gap:8px;position:relative}.modern-login-page .text-wrapper-5{position:relative;width:fit-content;margin-top:-1px;margin-right:-2.44px;font-family:Arimo-Regular,Helvetica;font-weight:400;color:#354152;font-size:14px;letter-spacing:0;line-height:14px;white-space:nowrap}.modern-login-page .button-2{all:unset;box-sizing:border-box;display:flex;width:109.88px;height:20px;align-items:flex-start;position:relative}.modern-login-page .text-wrapper-6{position:relative;width:fit-content;margin-top:-1px;margin-right:-3.12px;font-family:Arimo-Regular,Helvetica;font-weight:400;color:#354152;font-size:14px;letter-spacing:0;line-height:20px;white-space:nowrap}.modern-login-page .container-12{position:relative;align-self:stretch;width:100%;height:48px}.modern-login-page .input-2{width:366px;height:48px;padding:4px 40px 4px 12px;position:absolute;top:0;left:0;background-color:#fff9;border-radius:8px;overflow:hidden;border:1px solid;border-color:#fffefecc;box-shadow:0 2px 8px #1f268714;font-family:Arimo-Regular,Helvetica;font-weight:400;color:#717182;font-size:14px;letter-spacing:0;line-height:normal;white-space:nowrap}.modern-login-page .icon-wrapper{display:flex;flex-direction:column;width:20px;height:20px;align-items:flex-start;position:absolute;top:14px;left:334px}.modern-login-page .icon-2{position:relative;align-self:stretch;width:100%;height:20px}.modern-login-page .vector-6{position:absolute;width:83.34%;height:58.33%;top:16.67%;left:4.16%}.modern-login-page .vector-7{position:absolute;width:25%;height:25%;top:33.33%;left:33.33%}.modern-login-page .button-3{all:unset;box-sizing:border-box;position:relative;align-self:stretch;width:100%;height:48px;border-radius:8px;overflow:hidden;border:1px solid;border-color:#fffefe66;box-shadow:0 8px 32px #0003;background:linear-gradient(117deg,#1e29394d,#36415333,#1e29394d)}.modern-login-page .text-wrapper-7{position:absolute;top:12px;left:161px;font-size:14px;line-height:20px;font-family:Arimo-Regular,Helvetica;font-weight:400;color:#101727;letter-spacing:0;white-space:nowrap}.modern-login-page .paragraph-2{display:flex;justify-content:center;gap:8px;width:100%;margin-top:10px}.modern-login-page .don-t-have-an{position:static}.modern-login-page .button-4{all:unset;cursor:pointer;color:#101727;font-size:16px;font-family:Arimo-Regular,Helvetica;position:static}.modern-login-page .text-wrapper-8{margin-top:-3.5px;width:55px;height:23px;font-size:16px;line-height:24px;font-family:Arimo-Regular,Helvetica;font-weight:400;color:#101727;letter-spacing:0;white-space:nowrap}.modern-login-page .paragraph-3{position:relative;align-self:stretch;width:100%;height:16px}.modern-login-page .p{position:absolute;top:-1px;left:1px;width:171px;font-family:Arimo-Regular,Helvetica;font-weight:400;color:#495565;font-size:12px;text-align:center;letter-spacing:0;line-height:16px}.modern-login-page .link{display:flex;width:86px;height:11px;align-items:flex-start;position:absolute;top:0;left:172px}.modern-login-page .text-wrapper-9{position:relative;width:fit-content;margin-top:-1px;margin-right:-4.34px;font-family:Arimo-Regular,Helvetica;font-weight:400;color:#1d2838;font-size:12px;text-align:center;letter-spacing:0;line-height:16px;text-decoration:underline;white-space:nowrap}.modern-login-page .text-wrapper-10{position:absolute;top:-px;left:262px;width:27px;font-family:Arimo-Regular,Helvetica;font-weight:400;color:#495565;font-size:12px;text-align:center;letter-spacing:0;line-height:16px}.modern-login-page .link-2{display:flex;width:71px;height:16px;align-items:flex-start;position:absolute;top:0;left:289px}.modern-login-page .text-wrapper-11{position:relative;width:fit-content;margin-top:-1px;margin-right:-4.23px;font-family:Arimo-Regular,Helvetica;font-weight:400;color:#1d2838;font-size:12px;text-align:center;letter-spacing:0;line-height:16px;text-decoration:underline;white-space:nowrap}.modern-login-page .container-13{flex:1;height:100%;background:linear-gradient(117deg,#101828,#1e2939,#101828);display:flex;justify-content:center;align-items:center}.modern-login-page .container-14{position:absolute;top:0;left:0;width:776px;height:862px;display:flex;flex-direction:column;gap:30px;opacity:.05}.modern-login-page .container-15{margin-left:80px;width:288px;height:288px;margin-top:80px;background-color:#fff;border-radius:33554400px;filter:blur(64px)}.modern-login-page .container-16{margin-left:311.5px;width:384px;height:384px;background-color:#fff;border-radius:33554400px;filter:blur(64px)}.modern-login-page .container-17{display:flex;flex-direction:column;width:512px;height:708px;align-items:flex-start;gap:32px;position:absolute;top:77px;left:132px}.modern-login-page .container-18{display:flex;flex-direction:column;height:216px;align-items:flex-start;gap:16px;position:relative;align-self:stretch;width:100%}.modern-login-page .heading-2{position:relative;align-self:stretch;width:100%;height:144px}.modern-login-page .text-wrapper-12{position:absolute;top:-5px;left:0;font-family:Arimo-Regular,Helvetica;font-weight:400;color:#fff;font-size:48px;letter-spacing:0;line-height:48px;white-space:nowrap}.modern-login-page .text-wrapper-13{position:absolute;top:43px;left:0;font-family:Arimo-Regular,Helvetica;font-weight:400;color:#fff;font-size:48px;letter-spacing:0;line-height:48px;white-space:nowrap}.modern-login-page .text-wrapper-14{position:absolute;top:91px;left:0;font-family:Arimo-Regular,Helvetica;font-weight:400;color:#fff;font-size:48px;letter-spacing:0;line-height:48px;white-space:nowrap}.modern-login-page .discover-high-wrapper{position:relative;align-self:stretch;width:100%;height:56px}.modern-login-page .discover-high{position:absolute;top:-3px;left:0;width:503px;font-family:Arimo-Regular,Helvetica;font-weight:400;color:#d0d5db;font-size:20px;letter-spacing:0;line-height:28px}.modern-login-page .container-19{position:relative;align-self:stretch;width:100%;height:322px;background-color:#fff0;border-radius:16px;overflow:hidden;border:1px solid;border-color:#fffefe1a;box-shadow:0 25px 50px -12px #00000040}.modern-login-page .hero-image{position:absolute;top:1px;left:1px;width:510px;height:320px;background-image:url(https://images.unsplash.com/photo-1614648692330-eb129aeb6880);background-size:cover;background-position:center;border-radius:16px}.modern-login-page .container-20{position:absolute;top:1px;left:1px;width:510px;height:320px;background:linear-gradient(0deg,#0009,#0000)}.modern-login-page .container-21{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(1,minmax(0,1fr));height:106px;gap:16px;position:absolute;top:602px;left:0;width:512px}.modern-login-page .container-22{position:relative;grid-row:1 / 2;grid-column:1 / 2;width:100%;height:100%;background-color:#ffffff1a;border-radius:14px;border:1px solid;border-color:#fffefe33}.modern-login-page .icon-3{position:absolute;top:17px;left:17px;width:24px;height:24px}.modern-login-page .vector-8{position:absolute;width:75.03%;height:83.36%;top:4.16%;left:8.32%}.modern-login-page .paragraph-4{position:absolute;top:49px;left:17px;width:126px;height:40px;display:flex;flex-direction:column}.modern-login-page .text-wrapper-15{width:36px;height:20px;margin-top:-2px;font-family:Arimo-Regular,Helvetica;font-weight:400;color:#d0d5db;font-size:14px;letter-spacing:0;line-height:20px;white-space:nowrap}.modern-login-page .text-wrapper-16{width:54px;height:20px;font-family:Arimo-Regular,Helvetica;font-weight:400;color:#d0d5db;font-size:14px;letter-spacing:0;line-height:20px;white-space:nowrap}.modern-login-page .container-23{position:relative;grid-row:1 / 2;grid-column:2 / 3;width:100%;height:100%;background-color:#ffffff1a;border-radius:14px;border:1px solid;border-color:#fffefe33}.modern-login-page .vector-9{position:absolute;width:66.67%;height:83.35%;top:4.16%;left:12.5%}.modern-login-page .secure{width:58px;height:20px;margin-top:-2px;font-family:Arimo-Regular,Helvetica;font-weight:400;color:#d0d5db;font-size:14px;letter-spacing:0;line-height:20px;white-space:nowrap}.modern-login-page .text-wrapper-17{width:44px;height:20px;font-family:Arimo-Regular,Helvetica;font-weight:400;color:#d0d5db;font-size:14px;letter-spacing:0;line-height:20px;white-space:nowrap}.modern-login-page .container-24{position:relative;grid-row:1 / 2;grid-column:3 / 4;width:100%;height:100%;background-color:#ffffff1a;border-radius:14px;border:1px solid;border-color:#fffefe33}.modern-login-page .vector-10{position:absolute;width:25%;height:25%;top:25%;left:62.5%}.modern-login-page .vector-11{position:absolute;width:83.33%;height:41.67%;top:25%;left:4.17%}.modern-login-page .text-wrapper-18{width:35px;height:20px;margin-top:-2px;font-family:Arimo-Regular,Helvetica;font-weight:400;color:#d0d5db;font-size:14px;letter-spacing:0;line-height:20px;white-space:nowrap}.modern-login-page .text-wrapper-19{width:57px;height:20px;font-family:Arimo-Regular,Helvetica;font-weight:400;color:#d0d5db;font-size:14px;letter-spacing:0;line-height:20px;white-space:nowrap}.hero-image{background-image:url(https://images.unsplash.com/photo-1614648692330-eb129aeb6880);background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:100%;border-radius:1rem}.modern-login-page{display:flex;flex-direction:row;width:100vw;height:100vh;overflow:hidden;background-color:#fff}.modern-login-page .container{flex:1;position:relative;height:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(117deg,#f1f5f9,#f9fafb,#eff6ff)}.modern-login-page .container-13{flex:1;position:relative;height:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(117deg,#101828,#1e2939,#101828)}.container-17{position:relative;z-index:2}.div{z-index:0}.container-5{z-index:2;position:relative}@media(max-width:900px){.modern-login-page{flex-direction:column}.modern-login-page .container,.modern-login-page .container-13{width:100%;height:50%}}.modern-login-page .img{display:none!important}.google-btn{width:100%;height:48px;background-color:#fff;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 4px 16px #00000014;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:.2s ease}.google-btn:hover{background-color:#f5f5f5;transform:translateY(-1px)}.google-btn:active{transform:scale(.98)}.google-icon{width:18px;height:18px}.cal-page{padding:24px 28px;min-height:100vh;background:#f8fafc;color:#1e293b;font-family:system-ui,-apple-system,sans-serif;box-sizing:border-box;width:100%}.cal-top-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.cal-nav{display:flex;align-items:center;gap:14px}.cal-nav-btn{width:34px;height:34px;border-radius:9px;border:1px solid #e2e8f0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s;box-shadow:0 1px 3px #0000000f}.cal-nav-btn:hover{background:#ede9fe;border-color:#4f39f6;color:#4f39f6}.cal-period-title{font-size:20px;font-weight:700;color:#0f172a;margin:0;min-width:240px;text-align:center}.cal-view-toggle{display:flex;gap:3px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:4px}.view-btn{display:flex;align-items:center;gap:5px;padding:6px 14px;border-radius:7px;border:none;font-size:13px;font-weight:500;cursor:pointer;color:#94a3b8;background:transparent;transition:all .18s}.view-btn.active{background:#4f39f6;color:#fff;box-shadow:0 2px 8px #4f39f64d}.view-btn:hover:not(.active){color:#475569;background:#e2e8f0}.cal-body{display:flex;gap:20px;align-items:flex-start;width:100%}.cal-main-panel{flex:1;min-width:0}.cal-month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal-weekday-hdr{text-align:center;font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;padding:10px 0 6px}.cal-cell{min-height:78px;background:#fff;border:1px solid #e2e8f0;border-radius:11px;display:flex;flex-direction:column;align-items:flex-start;padding:8px 8px 6px;cursor:pointer;transition:all .18s;position:relative;box-shadow:0 1px 2px #0000000a}.cal-cell:hover{background:#ede9fe;border-color:#c4b5fd}.cal-cell.selected{background:#ede9fe;border-color:#4f39f6;box-shadow:0 0 0 2px #4f39f626}.cal-cell.today{border-color:#4f39f6}.cal-cell-empty{background:transparent!important;border:none!important;cursor:default;box-shadow:none!important}.cal-cell-num{font-size:13px;font-weight:600;color:#475569;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .18s}.cal-cell.selected .cal-cell-num{color:#4f39f6}.cal-cell-num.today-num{background:#4f39f6;color:#fff;box-shadow:0 2px 8px #4f39f666}.cal-dots{display:flex;gap:4px;margin-top:auto;padding-top:4px;flex-wrap:wrap}.cal-dot{width:7px;height:7px;border-radius:50%;display:block}.day-sidebar{width:310px;flex-shrink:0;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px;position:sticky;top:24px;max-height:calc(100vh - 110px);overflow-y:auto;display:flex;flex-direction:column;gap:14px;box-shadow:0 2px 8px #0000000f}.day-sidebar::-webkit-scrollbar{width:4px}.day-sidebar::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.day-sidebar-inline{width:100%;position:static;max-height:none}.sidebar-hdr{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-date{margin:0;font-size:15px;font-weight:700;color:#0f172a}.sidebar-kcal{font-size:12px;color:#94a3b8;font-weight:500}.sidebar-progress-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:13px;display:flex;flex-direction:column;gap:8px}.progress-top-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.progress-label{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.goal-chips{display:flex;gap:3px}.goal-chip{padding:2px 7px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;color:#94a3b8;font-size:10px;font-weight:500;cursor:pointer;transition:all .18s}.goal-chip.active{background:#4f39f6;color:#fff;border-color:#4f39f6}.goal-chip:hover:not(.active){color:#475569;border-color:#cbd5e1}.progress-bar-track{height:7px;background:#e2e8f0;border-radius:999px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:999px;transition:width .4s ease}.progress-text{font-size:11px;color:#94a3b8;margin:0}.macro-pills{display:flex;gap:5px}.mpill{padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600}.mpill-p{background:#3b82f61a;color:#2563eb}.mpill-c{background:#f59e0b1a;color:#d97706}.mpill-f{background:#ef44441a;color:#dc2626}.sidebar-slots{display:flex;flex-direction:column;gap:14px}.sidebar-slot{display:flex;flex-direction:column;gap:6px}.sidebar-slot-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.slot-empty-msg{font-size:12px;color:#cbd5e1;font-style:italic;padding:8px 10px;border:1px dashed #e2e8f0;border-radius:8px;text-align:center}.cal-week-view{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.week-header-row{display:grid;grid-template-columns:110px repeat(7,1fr);gap:5px;margin-bottom:4px}.week-day-hdr{background:#fff;border:1px solid #e2e8f0;border-radius:11px;padding:10px 6px;text-align:center;cursor:pointer;transition:all .18s;display:flex;flex-direction:column;align-items:center;gap:3px;box-shadow:0 1px 2px #0000000a}.week-day-hdr:hover{background:#ede9fe;border-color:#c4b5fd}.week-day-hdr.selected{background:#ede9fe;border-color:#4f39f6}.week-day-hdr.today{border-color:#4f39f6}.week-day-name{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.week-day-num{font-size:17px;font-weight:700;color:#334155}.week-day-num.today-num{background:#4f39f6;color:#fff;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 2px 8px #4f39f659}.week-slot-row{display:grid;grid-template-columns:110px repeat(7,1fr);gap:5px;min-height:90px}.week-slot-label{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding:0 10px 0 0;gap:2px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-align:right}.week-cell{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:7px;min-height:90px;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:all .15s;box-shadow:0 1px 2px #00000008}.week-cell:hover{background:#f8fafc;border-color:#cbd5e1}.week-cell.selected{background:#ede9fe;border-color:#c4b5fd}.week-cell-empty{display:flex;align-items:center;justify-content:center;flex:1;color:#e2e8f0;font-size:16px;font-weight:300}.week-recipe-chip{display:flex;align-items:center;gap:5px;border-left:3px solid;border-radius:6px;padding:4px 6px;overflow:hidden}.week-chip-img{width:22px;height:22px;border-radius:4px;object-fit:cover;flex-shrink:0}.week-chip-name{font-size:10px;font-weight:500;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.week-summary-strip{margin-top:10px;border-top:1px solid #e2e8f0;padding-top:16px}@media(max-width:960px){.cal-body{flex-direction:column}.day-sidebar{width:100%;position:static;max-height:none}.week-header-row,.week-slot-row{grid-template-columns:repeat(7,1fr)}.week-slot-label,.week-slot-spacer{display:none}}.calendar-trigger{background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1.5px solid rgba(255,255,255,.35);border-radius:10px;padding:7px 9px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#fff}.calendar-trigger:hover{background:#ffffff47;border-color:#fff9;transform:translateY(-1px)}.calendar-trigger.scheduled{background:#2563eb;border-color:#2563eb;color:#fff;box-shadow:0 2px 10px #2563eb80}.calendar-trigger.scheduled:hover{background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 4px 14px #2563eb99;transform:translateY(-1px)}.date-picker-popover{position:absolute;top:50px;right:10px;background:#fff;border-radius:12px;padding:15px;box-shadow:0 10px 25px #0003;z-index:100;display:flex;flex-direction:column;gap:8px;min-width:180px;color:#333}.date-picker-popover input,.date-picker-popover select{width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;font-size:14px}:root,html:not(.dark){--bg: #f8f9fc;--panel: #ffffff;--text: #13141a;--muted: #5a6072;--border: #e8e9ef;--accent: #6b46ff;--shadow: 0 10px 30px rgba(0, 0, 0, .12);--radius: 16px}html.dark,body.dark{--bg: #0b0c10;--panel: #121318;--text: #e6e7eb;--muted: #a8adbb;--border: #242632;--accent: #7c5cff;--shadow: 0 10px 30px rgba(0, 0, 0, .25);--radius: 16px}*{box-sizing:border-box}.landing{min-height:100dvh;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.landing__header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand{display:flex;align-items:center;gap:10px;font-weight:700}.brand__dot{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 40%,transparent)}.brand__name{letter-spacing:.2px}.nav{display:flex;align-items:center;gap:10px}.nav__link{color:var(--muted);text-decoration:none;padding:8px 10px;border-radius:10px;transition:background .2s ease,color .2s ease}.nav__link:hover{background:var(--panel);color:var(--text)}.btn{border:1px solid var(--border);background:var(--panel);color:var(--text);padding:8px 14px;border-radius:12px;cursor:pointer;box-shadow:var(--shadow);transition:background .2s ease,color .2s ease}.btn--ghost{background:transparent;box-shadow:none}.btn--outline{background:transparent}.btn--filled{background:var(--accent);border-color:var(--accent);color:#fff}.btn--lg{padding:12px 18px;border-radius:14px;font-weight:600}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;padding:48px 20px;max-width:1080px;margin:0 auto}.hero__title{font-size:clamp(28px,5vw,44px);margin:0 0 10px}.hero__subtitle{color:var(--muted);max-width:56ch}.hero__cta{display:flex;gap:10px;margin:18px 0 8px}.hero__points{margin:10px 0 0;padding-left:18px;color:var(--muted)}.hero__points li{margin:6px 0}.hero__card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;align-self:start}.card__header{display:flex;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border)}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.red{background:#ff5f57}.yellow{background:#febc2e}.green{background:#28c840}.card__body{padding:16px;display:grid;gap:16px}.kcal__label{color:var(--muted);font-size:12px}.kcal__value{font-weight:700;margin-top:4px}.kcal__bar{height:10px;background:var(--border);border-radius:10px;overflow:hidden;margin-top:8px}.kcal__bar span{display:block;height:100%;background:var(--accent)}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mini-tile{border:1px solid var(--border);border-radius:12px;padding:10px;background:color-mix(in oklab,var(--panel) 90%,transparent)}.mini-tile__title{font-weight:600;margin-bottom:4px}.mini-tile__text{color:var(--muted);font-size:14px}.card__actions{display:flex;gap:8px}.hero__image{display:flex;justify-content:center;align-items:center;animation:fadeIn .8s ease-in-out}.hero__image img{width:100%;max-width:460px;border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease}.hero__image img:hover{transform:scale(1.03);box-shadow:0 12px 32px #00000040}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.features{padding:48px 20px;max-width:1080px;margin:0 auto}.section__title{font-size:24px;margin:0 0 18px}.features__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.feature__icon{font-size:22px}.feature__title{margin:8px 0 4px}.feature__text{color:var(--muted)}.how{padding:24px 20px 48px;max-width:1080px;margin:0 auto}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.step{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;gap:10px;align-items:center;box-shadow:var(--shadow)}.step span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--accent);color:#fff;font-weight:700}.footer{padding:30px 20px;border-top:1px solid var(--border)}.footer__row{max-width:1080px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.footer__links{display:flex;gap:12px}.footer__links a{color:var(--muted);text-decoration:none}.footer__links a:hover{color:var(--text)}@media(max-width:920px){.hero{grid-template-columns:1fr}.features__grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--ring);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.card-media img{width:100%;height:100%;object-fit:cover;display:block}.card-actions{position:absolute;right:14px;top:14px;display:flex;align-items:center;gap:8px;z-index:10}.heart,.calendar-trigger{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111;border:1px solid var(--ring);box-shadow:0 2px 8px #00000014;cursor:pointer;font-size:18px;transition:all .2s ease}.heart:hover,.calendar-trigger:hover{transform:scale(1.1)}.calendar-trigger.scheduled{background-color:var(--blue);color:#fff;border-color:var(--blue)}.date-picker-popover{position:absolute;top:55px;right:0;background:#fff;padding:10px;border-radius:12px;border:1px solid var(--ring);box-shadow:0 10px 25px #00000026;z-index:20}.meta{display:flex;gap:12px;color:var(--muted);font-size:14px;margin-bottom:10px}.stat-row{display:flex;justify-content:space-between;font-size:13px}.progress{height:8px;background:#e9eef2;border-radius:999px;overflow:hidden}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{background:var(--chip);border:1px solid var(--ring);font-size:12px;padding:4px 10px;border-radius:999px}:root{--bg: #f6f7f8;--panel: #ffffff;--soft: #eef1f3;--ring: #e2e5e9;--text: #171a1f;--muted: #6b7280;--chip: #f1f2f4;--shadow: 0 6px 18px rgba(16, 24, 40, .08);--blue: #3b82f6;--green: #22c55e;--orange: #f59e0b}.feed,.feed *{box-sizing:border-box}.feed{color:var(--text);background:var(--bg);padding:0 20px 28px}.feed-header{display:flex;align-items:center;justify-content:space-between;padding:18px 0 8px}.feed-header h1{margin:0;font-size:22px;font-weight:700}.feed .search input{background:#2b2f33;color:#fff;border:none;outline:none;border-radius:12px;padding:12px 14px;min-width:280px}.intro{padding:10px 0 20px}.intro-title{font-size:26px;font-weight:700;color:#111827;margin-bottom:6px}.intro-sub{color:#6b7280;font-size:16px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}@media(max-width:1024px){.grid{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--ring);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.card-media{position:relative;height:200px}.card-media img{width:100%;height:100%;object-fit:cover;display:block;border-bottom:1px solid var(--ring)}.heart{position:absolute;right:14px;top:14px;width:36px;height:36px;border-radius:999px;display:grid;place-items:center;background:#fff;color:#111;border:1px solid var(--ring);box-shadow:0 2px 8px #00000014;cursor:pointer;font-size:18px;transition:transform .2s ease}.heart:hover{transform:scale(1.12)}.heart:focus-visible{outline:2px solid #2563eb;outline-offset:2px;box-shadow:0 0 0 4px #2563eb26}.heart.liked{color:#e63946}.overlay{position:absolute;left:14px;bottom:14px}.difficulty{padding:6px 10px;border-radius:10px;color:#fff;font-weight:600;font-size:12px}.card-body{padding:16px}.card-title{margin:0 0 10px;font-size:18px;font-weight:700}.meta{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:14px;margin-bottom:10px}.stats{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.stat-row{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin-bottom:6px}.progress{height:8px;background:#e9eef2;border-radius:999px;overflow:hidden;border:1px solid var(--ring)}.progress-fill{height:100%}.progress--protein .progress-fill{background:var(--blue)}.progress--carbs .progress-fill{background:var(--green)}.progress--fats .progress-fill{background:var(--orange)}.keys-title{margin:0 0 8px;color:#9aa1aa;font-size:14px}.chips{display:flex;gap:10px;flex-wrap:wrap}.chip{background:var(--chip);border:1px solid var(--ring);color:#111827;font-size:13px;padding:6px 12px;border-radius:999px}.container-padded{padding:20px}.btn{font:inherit;padding:10px 14px;border-radius:12px;cursor:pointer;border:1px solid var(--ring);background:#fff;color:#111;box-shadow:var(--shadow)}.btn--filled{background:#0e5135;color:#eafff4;border-color:#0e5135}.btn--outline{background:#fff}@media(prefers-reduced-motion:reduce){.heart{transition:none}}.card-link{display:block;padding:0;border:0;background:none;text-align:inherit;color:inherit;width:100%;cursor:pointer}.card-link:hover .card{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}:root{--sb-bg: #fff;--sb-ring: #e2e5e9;--sb-muted: #6b7280;--sb-brand: #22c55e;--sb-chip: #f1f2f4;--sb-shadow: 0 6px 18px rgba(16, 24, 40, .06)}.layout{display:flex;min-height:100vh;background:#f6f7f8}.main{flex:1;padding:20px}.sidebar{width:260px;min-width:250px;flex-shrink:0;background:var(--sb-bg);border-right:1px solid var(--sb-ring);box-shadow:var(--sb-shadow);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:20px 16px}.sb-brand{color:#22a35a;font-weight:700;font-size:20px;margin:6px 8px 16px;cursor:pointer}.sb-nav{display:flex;flex-direction:column;gap:14px;padding-top:12px;border-top:1px solid var(--sb-ring)}.sb-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;border:1px solid transparent;background:#fff;color:#1f2937;text-align:left;cursor:pointer;transition:all .2s ease}.sb-item:hover{background-color:var(--sb-chip)}.sb-item.active{background:linear-gradient(90deg,#34d399,#22c55e);color:#fff}.sb-item.active .sb-icn svg{stroke:#fff;fill:#fff}.sb-icn{width:24px;height:24px;display:grid;place-items:center;color:inherit}.sb-profile{margin-top:auto;padding:16px;border-top:1px solid var(--sb-ring);display:flex;align-items:center;gap:12px;cursor:pointer}.sb-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;background:linear-gradient(90deg,#34d399,#22c55e);flex-shrink:0}.sb-avatar-img{object-fit:cover;background:none}.sb-profile-title{font-weight:600}.sb-profile-sub{color:var(--sb-muted);font-size:12px}.App{text-align:center}.layout{display:flex;min-height:100vh}.layout-main{flex:1;min-width:0;overflow-y:auto}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}