@import "https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600;700&family=Nunito+Sans:wght@400;600;700;800&display=swap";:root{--cream:#fdf3e3;--card:#fffaf1;--navy:#0f2a47;--navy-deep:#12294a;--green:#17613a;--green-dark:#11502f;--orange:#f0890f;--orange-dark:#d46f08;--gold:#d9a53a;--ink:#14233a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Nunito Sans,Segoe UI,system-ui,sans-serif}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:2px}ul{list-style:none}.script{font-family:Dancing Script,Brush Script MT,cursive;font-weight:700}.phone{background:var(--cream);flex-direction:column;width:100%;max-width:100%;height:100dvh;max-height:880px;margin:0 auto;display:flex;position:relative;overflow:hidden}@media (width>=440px){body{background:#f6e9d2;place-items:center;display:grid}.phone{border-radius:44px;width:390px;box-shadow:0 20px 60px #3c280a40}}.screen{flex:1;min-height:0;overflow-y:auto}.btn{color:#fff;border-radius:18px;justify-content:center;align-items:center;font-weight:800;display:flex;box-shadow:0 6px 14px #0000002e,inset 0 1px #ffffff40}.btn--orange{background:linear-gradient(180deg, #f59a1b, var(--orange-dark))}.btn--green{background:linear-gradient(180deg, #1f7a46, var(--green-dark))}.login{text-align:center;background:#fdf2e1;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.login__hero{z-index:1;flex:none;padding-top:clamp(18px,20dvh - 106px,70px);position:relative}.login__rings{-webkit-user-select:none;user-select:none;width:clamp(190px,100dvh - 530px,240px);height:auto;margin:0 auto;display:block}.login__title{height:72px;line-height:0}.login__title svg{margin:0 auto;display:block}.login__subtitle{color:#1c2a40;margin-top:2px;font-size:18px;line-height:24px}.login__mid{flex:none;margin-top:clamp(34px,17dvh - 88.6px,61px);position:relative}.login__wave{pointer-events:none;width:100%;position:absolute;left:0}.login__wave--top{z-index:0;height:120px;top:-99px}.login__card{z-index:2;text-align:left;background:#fcf7ee;border-radius:30px;margin:0 4px;padding:43px 22px 22px;position:relative;box-shadow:0 2px 12px #0000000f}.login__label{color:#10213b;align-items:center;gap:12px;height:24px;padding-left:4px;font-size:20px;font-weight:800;display:flex}.login__input{color:#333;background:#f8f3ea;border:2px solid #cfcfcf;border-radius:18px;width:100%;height:56px;margin-top:15px;padding:0 25px;font:400 20px Nunito Sans,sans-serif;display:block}.login__input::placeholder{color:#6b6b6b}.login__btn{background:linear-gradient(#e68b2f,#bf621c);border-radius:30px;gap:14px;width:100%;height:60px;margin-top:33px;font-size:22px}.login__hint{z-index:2;color:#1c2a40;margin-top:9px;font-size:18px;line-height:24px;position:relative}.login__bottom{flex:1 1 0;min-height:80px;position:relative}.login__wave--bottom{height:100%;top:0}.login__camera{aspect-ratio:80/66;width:auto;height:47%;max-height:87px;position:absolute;bottom:23%;right:29px;transform:rotate(-10deg)}.login__indicator{background:#fdf2e1;border-radius:3px;width:143px;height:6px;margin-left:-71px;position:absolute;bottom:10px;left:50%}@media (hover:none) and (pointer:coarse){.login__indicator{display:none}}.home{background:var(--cream);min-height:100%}.home__header{background:var(--navy-deep);height:166px;position:relative}.home__curve{width:100%;height:60px;position:absolute;bottom:-38px;left:0}.home__header .icon-btn{z-index:2;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:40px}.home__header .icon-btn:first-child{top:46px;left:18px}.home__bell{right:16px}.home__dot{background:var(--orange);border-radius:50%;width:14px;height:14px;position:absolute;top:4px;right:6px}.home__brand{text-align:center;position:absolute;top:48px;left:0;right:0}.home__rings{width:110px;height:auto;margin:0 auto;display:block}.home__title{color:#fff;margin-top:2px;font-size:34px;line-height:1}.home__welcome{align-items:center;gap:16px;padding:52px 20px 0 30px;display:flex;position:relative}.avatar{background:radial-gradient(circle at 35% 30%,#f7a438,#d9700c);border-radius:50%;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 3px 8px #0003}.home__hello{color:var(--navy);font-size:17px}.home__name{color:var(--navy);font-size:25px;font-weight:800;line-height:1.1}.home__leaf{width:84px;position:absolute;top:36px;right:-6px;transform:rotate(-38deg)}.home__actions{gap:18px;padding:24px 22px 0;display:flex}.action{text-align:center;border-radius:20px;flex-direction:column;flex:1;gap:8px;height:114px;font-size:20px;line-height:1.15}.home__photos{padding:26px 22px 24px}.home__bar{justify-content:space-between;align-items:center;display:flex}.home__h2{color:var(--green);padding-bottom:10px;font-size:24px;font-weight:800;position:relative}.home__underline{background:var(--green);border-radius:2px;width:26px;height:4px;position:absolute;bottom:0;left:0}.toggle{background:#f1e6d6;border-radius:22px;height:46px;display:flex;overflow:hidden}.toggle button{color:#6c6a66;place-items:center;width:56px;display:grid}.toggle .is-on{background:var(--green);color:#fff;border-radius:22px}.gallery{gap:10px;margin-top:14px;display:grid}.gallery--grid{grid-template-columns:repeat(3,1fr)}.gallery--list{grid-template-columns:1fr}.gallery__item{aspect-ratio:1/1.03;border-radius:12px;overflow:hidden;box-shadow:0 2px 6px #0000001f}.gallery--list .gallery__item{aspect-ratio:16/9}.gallery__item img{object-fit:cover;width:100%;height:100%;display:block}.tabbar{background:var(--cream);border-top:1px solid #0000000f;justify-content:space-between;align-items:center;height:104px;padding:0 12px 12px;display:flex}.tab{height:80px;color:var(--navy);border-radius:22px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:15px;font-weight:700;display:flex}.tab svg{width:38px;height:38px}.tab:nth-child(2){color:#b8591a}.tab.is-active{background:var(--green);color:#fff;max-width:148px;box-shadow:0 4px 10px #17613a59}.tabbar:after{content:"";background:#111;border-radius:3px;width:134px;height:5px;margin-left:-67px;position:absolute;bottom:8px;left:50%}.placeholder{text-align:center;place-content:center;gap:20px;height:100%;padding:24px;font-size:18px;display:grid}.placeholder .btn{height:52px;padding:0 28px}@media (prefers-reduced-motion:no-preference){.btn,.tab{transition:transform .12s}.btn:active,.tab:active{transform:scale(.97)}}