:root{
 --pink:#f45b9a;--pink2:#ff8fba;--rose:#d93f7e;--ink:#392433;--muted:#806173;
 --paper:#fffdf9;--cream:#fff8f2;--line:rgba(152,64,105,.13);--green:#24483d;
 --shadow:0 24px 70px rgba(112,38,75,.14);--radius:28px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(145deg,#fff9fc,#ffe9f3 48%,#fff9f2);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.page{scroll-margin-top:82px}.shell{width:min(1180px,calc(100% - 36px));margin:auto;padding:100px 0}.ambient{position:fixed;inset:0;z-index:-3;overflow:hidden;pointer-events:none}.aurora{position:absolute;border-radius:50%;filter:blur(20px);opacity:.42}.aurora-a{width:430px;height:430px;background:#ffc4df;right:-120px;top:-110px}.aurora-b{width:380px;height:380px;background:#ffe3ae;left:-170px;top:45%}.aurora-c{width:260px;height:260px;background:#eec8ff;right:3%;bottom:-80px}.float{position:absolute;font-size:clamp(24px,3vw,44px);opacity:.35;animation:float 7s ease-in-out infinite}.f1{left:5%;top:18%}.f2{right:8%;top:28%;animation-delay:-1s}.f3{left:7%;top:61%;animation-delay:-2s}.f4{right:11%;bottom:12%;animation-delay:-3s}.f5{left:44%;top:8%;animation-delay:-4s}.f6{right:4%;top:70%;animation-delay:-5s}
.topbar{position:sticky;top:0;z-index:50;height:74px;display:flex;align-items:center;gap:24px;padding:0 clamp(18px,4vw,64px);background:rgba(255,249,252,.82);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:10px;margin-right:auto}.logo-badge{display:grid;place-items:center;min-width:54px;height:42px;padding:0 10px;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--pink),#ed788b);font-family:"Playfair Display";font-weight:800}.logo b,.logo small{display:block}.logo small{font-size:10px;color:#9b6b82;letter-spacing:.13em;text-transform:uppercase}.topbar nav{display:flex;gap:22px}.topbar nav a{font-size:13px;font-weight:800;color:#6d465b;position:relative}.topbar nav a:after{content:"";position:absolute;height:2px;left:0;right:100%;bottom:-7px;background:var(--pink);transition:.25s}.topbar nav a:hover:after{right:0}.icon-button,.nav-toggle{border:0;background:#fff;box-shadow:0 8px 20px rgba(107,41,73,.1)}.icon-button{width:42px;height:42px;border-radius:13px}.nav-toggle{display:none;width:44px;height:44px;border-radius:13px}.nav-toggle i{display:block;width:20px;height:2px;background:#543445;margin:4px auto}
.hero{min-height:calc(100vh - 74px);width:min(1260px,calc(100% - 36px));margin:auto;padding:65px 0 85px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:62px}.pill,.kicker{font-size:11px;letter-spacing:.17em;font-weight:800;color:var(--rose)}.pill{display:inline-flex;padding:9px 13px;border:1px solid rgba(244,91,154,.18);border-radius:999px;background:rgba(255,255,255,.72)}.hero h1{font:800 clamp(54px,7vw,94px)/.93 "Playfair Display";letter-spacing:-.055em;margin:24px 0}.hero h1 em{color:var(--pink);font-style:normal}.hero h1 span{font:700 .52em/1.2 "Caveat";letter-spacing:0;color:#765065}.hero-copy>p{font-size:18px;line-height:1.75;color:#755568;max-width:650px}.hero-buttons{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.btn{min-height:49px;padding:0 21px;border:0;border-radius:15px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;transition:.2s}.btn:hover{transform:translateY(-3px)}.primary{color:#fff;background:linear-gradient(135deg,var(--pink),#ea6e82);box-shadow:0 14px 28px rgba(223,63,126,.24)}.ghost{color:#633d52;background:rgba(255,255,255,.78);border:1px solid var(--line)}.full{width:100%}.live-status{display:flex;align-items:center;gap:9px;margin-top:20px;font-size:13px;color:#826074}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#60bd83;box-shadow:0 0 0 0 rgba(96,189,131,.5);animation:pulse 1.8s infinite}
.hero-scene{display:grid;place-items:center;position:relative}.orbit{position:absolute;border:1px dashed rgba(221,70,134,.22);border-radius:50%;animation:spin 23s linear infinite}.orbit-one{width:510px;height:510px}.orbit-two{width:420px;height:420px;animation-direction:reverse;animation-duration:17s}.scene-card{position:relative;width:min(470px,91vw);aspect-ratio:.92;border-radius:42px;padding:24px;background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,214,233,.72));border:1px solid rgba(255,255,255,.85);box-shadow:var(--shadow);overflow:hidden;transform:rotate(1.5deg)}.scene-card:before{content:"";position:absolute;inset:16px;border:2px dashed rgba(213,59,123,.13);border-radius:30px}.scene-top{position:relative;z-index:2;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;font-weight:800;color:#89566e}.online{color:#4aa86d}.cat-portrait{position:absolute;left:50%;top:47%;width:220px;height:220px;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(#ffd5e6 0 64%,#f3bcd2 65%);box-shadow:inset 0 0 0 13px rgba(255,255,255,.42);cursor:pointer}.cat-face{position:absolute;z-index:3;left:61px;top:43px;width:100px;height:88px;border-radius:48% 48% 44% 44%;background:#fff8ed}.cat-ear{position:absolute;z-index:2;top:35px;width:50px;height:58px;background:#fff8ed;clip-path:polygon(50% 0,100% 100%,0 100%)}.cat-ear.left{left:57px;transform:rotate(-11deg)}.cat-ear.right{right:56px;transform:rotate(11deg)}.cat-face i{position:absolute;top:38px;width:9px;height:12px;border-radius:50%;background:#553441}.cat-face i:first-child{left:28px}.cat-face i:nth-child(2){right:28px}.cat-face b{position:absolute;left:46px;top:54px;width:9px;height:7px;transform:rotate(45deg);background:#e985a8;border-radius:2px}.cat-body{position:absolute;left:62px;bottom:16px;width:100px;height:105px;border-radius:50% 50% 32% 32%;background:#fff8ed}.cat-tail{position:absolute;right:16px;bottom:28px;width:78px;height:88px;border:15px solid #fff8ed;border-left-color:transparent;border-radius:50%;transform:rotate(23deg)}.scene-heart{position:absolute;right:54px;top:68px;font-size:53px;color:var(--pink);animation:heartbeat 1.4s infinite}.scene-copy{position:absolute;left:35px;right:35px;bottom:42px;text-align:center}.scene-copy small{display:block;letter-spacing:.15em;font-size:10px;color:#976177}.scene-copy strong{display:block;margin-top:8px;font:700 23px "Caveat";color:#5d354b}.mini-tulips{position:absolute;left:31px;bottom:94px;display:flex;gap:2px;transform:rotate(-8deg)}.mini-tulips span{font-size:30px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}.section-head>div{max-width:670px}.section-head h2{font:800 clamp(40px,5vw,62px)/1.04 "Playfair Display";letter-spacing:-.04em;margin:12px 0 0}.section-head>p{max-width:420px;color:var(--muted);line-height:1.7}.countdown-card{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px 38px;border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,#b93670,#ef6699 54%,#efa08c);box-shadow:0 20px 55px rgba(186,47,107,.23);margin-bottom:20px}.countdown-card h3{font:700 34px "Playfair Display";margin:9px 0}.countdown-card p{margin:0;color:#fff0f6}.countdown-card .kicker{color:#ffd9e9}.countdown-orb{width:135px;height:135px;flex:0 0 135px;border-radius:50%;display:grid;place-items:center;align-content:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.33);box-shadow:inset 0 0 0 9px rgba(255,255,255,.07)}.countdown-orb strong{font:800 39px "Playfair Display"}.countdown-orb span{font-size:12px}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.stat-card{min-height:190px;padding:22px 18px;border-radius:22px;background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.9);box-shadow:0 14px 34px rgba(102,37,69,.08);display:flex;flex-direction:column}.stat-card>span{font-size:29px}.stat-card small{font-size:9px;letter-spacing:.13em;font-weight:800;color:#a06a83;margin-top:17px}.stat-card strong{font:800 36px "Playfair Display";margin-top:7px}.stat-card em{font-style:normal;font-size:11px;color:#947085;margin-top:auto}.micro{margin-top:auto;padding:7px;border:0;border-radius:10px;color:#a43968;background:#ffe7f1;font-size:11px;font-weight:800}.analyzer-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:20px;margin-top:20px}.panel{padding:30px;border-radius:var(--radius);background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow)}.panel-title{display:flex;flex-direction:column;gap:5px;margin-bottom:18px}.panel-title span{font-size:10px;letter-spacing:.15em;color:var(--rose);font-weight:800}.panel-title b{font:700 28px "Playfair Display"}.analyzer>p,.result-panel>p{color:var(--muted);line-height:1.65}.range-row{margin:20px 0}.range-row label{display:flex;justify-content:space-between;font-size:13px;font-weight:700;color:#664557}.range-row input{width:100%;accent-color:var(--pink);margin-top:10px}.result-panel{text-align:center;position:relative;overflow:hidden}.result-label{font-size:10px;letter-spacing:.16em;color:#a05e7d;font-weight:800}.result-ring{width:172px;height:172px;margin:20px auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--pink) 0 0%,#f6dbe7 0%);position:relative}.result-ring:after{content:"";position:absolute;inset:13px;border-radius:50%;background:#fff9fc}.result-ring strong{position:relative;z-index:2;font:800 40px "Playfair Display"}.result-panel h3{font:700 25px "Playfair Display";margin-bottom:8px}.scan-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ff75ab,transparent);animation:scan 3.2s linear infinite}
.two-col{display:grid;grid-template-columns:1.08fr .92fr;gap:22px}.form-card{display:grid;gap:17px}.two-inputs{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:grid;gap:8px;color:#674456;font-weight:700;font-size:13px}input,textarea,select{width:100%;padding:14px 15px;border-radius:13px;border:1px solid #efbfd3;outline:none;background:rgba(255,255,255,.9);color:var(--ink)}input:focus,textarea:focus,select:focus{border-color:var(--pink);box-shadow:0 0 0 4px rgba(244,91,154,.1)}.ticket{position:relative;overflow:hidden;min-height:480px;padding:34px;border-radius:var(--radius);background:#fffdf9;box-shadow:var(--shadow);border:1px solid #f2dbe4}.ticket:before,.ticket:after{content:"";position:absolute;top:56%;width:32px;height:32px;border-radius:50%;background:#fce6ef}.ticket:before{left:-16px}.ticket:after{right:-16px}.ticket-head{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:2px dashed #efbfd2;font-size:11px;letter-spacing:.14em;font-weight:800}.ticket-head b{font-size:25px;color:var(--pink)}.ticket-kicker{display:block;margin-top:30px;color:#a65f7f;font-size:10px;letter-spacing:.17em;font-weight:800}.ticket h3{font:700 35px "Playfair Display";margin:12px 0}.ticket p{color:var(--muted);line-height:1.65}.barcode{position:absolute;bottom:34px;left:34px;letter-spacing:3px;font-weight:900;color:#6e5362}.stamp{position:absolute;right:35px;bottom:33px;padding:10px 16px;border:3px solid var(--pink);border-radius:10px;color:var(--pink);font-weight:900;transform:rotate(-8deg)}
.tabs{display:flex;gap:8px;padding:7px;border-radius:17px;background:rgba(255,255,255,.66);width:max-content;max-width:100%;overflow:auto;margin-bottom:18px}.tab{white-space:nowrap;padding:12px 17px;border:0;border-radius:12px;background:transparent;color:#755367;font-weight:800}.tab.active{color:#fff;background:var(--pink)}.tab-page{display:none}.tab-page.active{display:block}.official-doc{background:#fffdfa;border:1px solid #ead5dc;border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.doc-top{display:grid;grid-template-columns:1fr 2fr 1fr;gap:15px;align-items:center;padding:18px 25px;background:#f8d9e7;border-bottom:1px solid #e9bed0;text-align:center;font-size:10px;letter-spacing:.12em}.doc-top strong{font-size:13px}.doc-body{padding:34px 38px;font:17px/1.75 Georgia,serif}.doc-parties{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-bottom:25px}.doc-parties p:last-child{text-align:right}.doc-parties small{display:block;font:800 10px "DM Sans";letter-spacing:.13em;color:#9a6079}.wax{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;color:#fff;background:var(--pink);font-size:28px;box-shadow:0 8px 22px rgba(222,65,129,.24)}.doc-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.small-btn{border:0;border-radius:10px;padding:10px 14px;background:#593447;color:#fff;font:800 12px "DM Sans"}.small-btn.outline{color:#693d54;background:#f9e4ed}.legal-box{margin:24px 0;padding:18px 20px;border-left:4px solid var(--pink);background:#fff1f6}.legal-box.pink ul{margin-bottom:0}.checks{display:grid;gap:10px}.checks label{display:flex;align-items:center;font-family:"DM Sans"}.checks input{width:auto}.signatures{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:40px;font:700 12px "DM Sans"}.peace-proposal{margin-top:22px;padding:22px;border:1px dashed #e8aac4;border-radius:16px;text-align:center}.peace-proposal small{font:800 10px "DM Sans";letter-spacing:.14em;color:#a45e7d}.peace-proposal p{font-size:20px}.court{text-align:center}.judge{font-size:65px}.court h3{font:700 30px "Playfair Display"}.court .btn{margin:16px}.verdict{margin:25px auto 0;max-width:680px;padding:25px;border-radius:18px;background:#fff0f6}.verdict small,.verdict strong{display:block}.verdict small{font:800 10px "DM Sans";letter-spacing:.14em;color:#a75b7c}.verdict strong{margin-top:8px;font:700 23px "Playfair Display"}.fine-print{font-size:12px;color:#856e79}
.garden-section{padding:100px 0;background:linear-gradient(#213e48,#28574d 66%,#274333);color:#fff}.section-head.light .kicker{color:#ffcfe3}.section-head.light>p{color:#d2e6dd}.garden-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.garden-controls div{display:grid}.garden-controls strong{font:700 27px "Playfair Display"}.garden-controls span{color:#cfe0da}.light-btn{background:#fff;color:#a53869}.garden-bed{position:relative;height:470px;border-radius:30px;overflow:hidden;background:linear-gradient(#142f42 0,#315c62 58%,#47765c 59%);box-shadow:inset 0 -30px 70px rgba(0,0,0,.18),0 24px 60px rgba(0,0,0,.18)}.soil{position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(#5b4d38,#3e372d)}.moon{position:absolute;right:9%;top:8%;font-size:66px;color:#fff1bb;text-shadow:0 0 25px #fff1bb}.cloud{position:absolute;width:120px;height:32px;border-radius:40px;background:rgba(255,255,255,.12)}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.cloud:before{width:55px;height:55px;left:18px;bottom:0}.cloud:after{width:70px;height:70px;right:11px;bottom:0}.c1{left:8%;top:18%}.c2{left:45%;top:10%;transform:scale(.7)}.empty-garden{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#cde2d7}.garden-cat{position:absolute;z-index:4;right:30px;bottom:90px;font-size:54px;transition:1.2s ease}.tulip-plant{position:absolute;z-index:3;bottom:76px;width:46px;height:130px;transform-origin:bottom;animation:grow .7s ease both}.tulip-plant .stem{position:absolute;left:21px;bottom:0;width:5px;height:91px;border-radius:4px;background:#5ca472}.tulip-plant .leaf{position:absolute;bottom:19px;width:25px;height:45px;border-radius:100% 0 100% 0;background:#69b180}.tulip-plant .l1{left:0;transform:rotate(-22deg)}.tulip-plant .l2{right:0;bottom:38px;transform:rotate(78deg)}.tulip-plant .bloom{position:absolute;left:4px;top:0;font-size:39px}
.memory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.inline-form{display:flex;gap:7px}.inline-form button{width:46px;border:0;border-radius:12px;color:#fff;background:var(--pink);font-size:24px}.bucket-list{list-style:none;padding:0;margin:18px 0 0}.bucket-list li{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #f2dce5}.bucket-list li.done span{text-decoration:line-through;opacity:.5}.bucket-list button{border:0;background:transparent}.bucket-list .delete{margin-left:auto;color:#b8718e}.saved-letter{margin-top:16px;padding:16px;border-radius:13px;background:#fff0f6}.saved-letter small{font-size:9px;letter-spacing:.12em;font-weight:800;color:#a65f7f}.saved-letter p{white-space:pre-wrap;color:#715264;line-height:1.6}.achievement-list{display:grid;gap:9px}.achievement-list button{display:flex;gap:12px;align-items:center;text-align:left;padding:12px;border:1px solid #f0dce4;border-radius:14px;background:#fff;opacity:.55}.achievement-list button.unlocked{opacity:1;border-color:#ff9bc2;background:#fff2f7;box-shadow:0 8px 20px rgba(214,61,123,.09)}.achievement-list button>span{font-size:27px}.achievement-list b,.achievement-list small{display:block}.achievement-list small{color:#8c6b7d;margin-top:3px}.timeline-section{margin-top:22px;padding:31px;border-radius:var(--radius);background:rgba(255,255,255,.75);box-shadow:var(--shadow)}.timeline-form{display:grid;grid-template-columns:.7fr 1fr 1.4fr auto;gap:10px}.timeline{position:relative;margin-top:30px;padding-left:28px}.timeline:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:#f0b4cc}.timeline-item{position:relative;padding:0 0 25px 20px}.timeline-item:before{content:"";position:absolute;left:-27px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 5px #ffe4ef}.timeline-item small{color:#a56782;font-weight:800}.timeline-item h4{margin:5px 0;font:700 21px "Playfair Display"}.timeline-item p{margin:0;color:#76586a}.timeline-item button{position:absolute;right:0;top:0;border:0;background:transparent;color:#b66c89}
.blackboard-section{padding:100px 0;background:linear-gradient(rgba(19,49,41,.94),rgba(19,49,41,.98)),repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,.02) 6px);color:#f8f1df}.board-heading{text-align:center}.board-heading>span{font-size:11px;letter-spacing:.19em;color:#ffd2e5}.board-heading h2{font:700 clamp(55px,8vw,88px)/1 "Caveat";margin:10px}.board-heading h2 i{font-style:normal}.board-heading p{color:#d3e1d8}.blackboard{position:relative;margin-top:35px;padding:55px;border:15px solid #8c6040;border-radius:15px;background:#24483d;box-shadow:inset 0 0 50px rgba(0,0,0,.25),0 25px 60px rgba(0,0,0,.26);font-family:"Caveat"}.board-columns{display:grid;grid-template-columns:1fr 1fr;gap:60px}.blackboard h3{font-size:35px;color:#ffd6e6;margin:0 0 12px}.blackboard p{font-size:24px;line-height:1.38}.board-conclusion{border-top:2px dashed rgba(255,255,255,.23);margin-top:25px;padding-top:25px}.grade{display:inline-block;padding:8px 18px;border:3px solid #ffd1e3;border-radius:50%;color:#ffd1e3;font-size:25px;transform:rotate(-5deg)}.chalk-decoration{position:absolute;color:rgba(255,255,255,.18)}.chalk-decoration.heart{right:35px;top:15px;font-size:70px}.chalk-decoration.cat{right:40px;bottom:22px;font-size:30px}.chalk-decoration.formula{right:30px;top:115px;font-size:24px;transform:rotate(-4deg)}
.final-card{text-align:center;padding:65px 30px;border-radius:36px;color:#fff;background:linear-gradient(135deg,#c73b78,#f26798 55%,#ef9b8d);box-shadow:0 28px 70px rgba(190,48,112,.26)}.final-icons{font-size:30px}.final-card .kicker{display:block;color:#ffd5e5;margin-top:20px}.final-card h2{font:800 clamp(43px,6vw,70px) "Playfair Display";margin:12px}.final-card p{max-width:700px;margin:0 auto 25px;color:#fff1f6;font-size:18px;line-height:1.7}.white{color:#b4366d;background:#fff}footer{text-align:center;padding:28px;color:#8f697c;font-size:13px}
.settings-drawer{position:fixed;z-index:100;top:0;right:0;width:min(420px,100%);height:100%;padding:26px;background:#fffafc;box-shadow:-20px 0 60px rgba(60,23,44,.18);transform:translateX(105%);transition:.3s;display:grid;align-content:start;gap:17px;overflow:auto}.settings-drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.drawer-head small{font-size:10px;letter-spacing:.15em;color:var(--rose);font-weight:800}.drawer-head h3{font:700 33px "Playfair Display";margin:4px 0}.drawer-head button{width:40px;height:40px;border:0;border-radius:50%;background:#ffe6f0;font-size:25px}.drawer-overlay{position:fixed;z-index:90;inset:0;background:rgba(49,22,37,.35);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:.3s}.drawer-overlay.show{opacity:1;pointer-events:auto}.privacy-note{font-size:11px;color:#987789;text-align:center}.toast{position:fixed;z-index:120;left:50%;bottom:25px;max-width:calc(100% - 30px);padding:14px 20px;border-radius:13px;color:#fff;background:#4c2d3e;box-shadow:0 16px 35px rgba(48,19,36,.25);opacity:0;transform:translate(-50%,20px);transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.burst-layer{position:fixed;z-index:110;inset:0;pointer-events:none;overflow:hidden}.burst{position:absolute;bottom:-50px;animation:burst 2.4s ease-out forwards}.mouse{position:fixed;z-index:115;font-size:30px;pointer-events:none;display:none;transition:left .25s linear,top .25s linear}.mouse.active{display:block}.reveal{opacity:0;transform:translateY(25px);transition:.7s}.reveal.visible{opacity:1;transform:none}
@keyframes float{50%{transform:translateY(-18px) rotate(7deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes heartbeat{15%{transform:scale(1.17)}30%{transform:scale(1)}45%{transform:scale(1.11)}}@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(96,189,131,0)}}@keyframes scan{from{top:0}to{top:100%}}@keyframes grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes burst{to{transform:translateY(-115vh) rotate(300deg);opacity:0}}
@media(max-width:1050px){.topbar nav{display:none;position:absolute;left:16px;right:16px;top:80px;flex-direction:column;padding:15px;border-radius:18px;background:#fff;box-shadow:var(--shadow)}.topbar nav.open{display:flex}.topbar nav a{padding:8px}.nav-toggle{display:block}.hero{grid-template-columns:1fr;text-align:center}.hero-copy>p{margin:auto}.hero-buttons{justify-content:center}.live-status{justify-content:center}.stats-grid{grid-template-columns:repeat(3,1fr)}.memory-grid{grid-template-columns:1fr 1fr}.memory-grid article:last-child{grid-column:1/-1}.timeline-form{grid-template-columns:1fr 1fr}.timeline-form textarea{grid-column:1/-1}.timeline-form .btn{grid-column:1/-1}}
@media(max-width:760px){.shell{padding:75px 0}.hero{padding-top:45px}.hero h1{font-size:54px}.section-head{display:block}.section-head>p{max-width:none}.stats-grid{grid-template-columns:1fr 1fr}.analyzer-grid,.two-col,.memory-grid{grid-template-columns:1fr}.memory-grid article:last-child{grid-column:auto}.countdown-card{padding:27px;align-items:flex-start}.countdown-orb{width:100px;height:100px;flex-basis:100px}.doc-top{grid-template-columns:1fr}.doc-parties{grid-template-columns:1fr;text-align:center}.doc-parties p:last-child{text-align:center}.doc-body{padding:25px}.signatures,.two-inputs,.board-columns{grid-template-columns:1fr}.blackboard{padding:35px 23px;border-width:10px}.blackboard p{font-size:22px}.garden-controls{align-items:flex-start;gap:15px}.garden-bed{height:410px}.timeline-form{grid-template-columns:1fr}.timeline-form textarea,.timeline-form .btn{grid-column:auto}.orbit-one{width:390px;height:390px}.orbit-two{width:320px;height:320px}}
@media(max-width:480px){.topbar{gap:10px}.logo span:last-child{display:none}.stats-grid{grid-template-columns:1fr}.countdown-card{display:block}.countdown-orb{margin-top:20px}.scene-card{aspect-ratio:.82}.tabs{width:100%}.garden-controls{display:grid}.doc-actions{flex-direction:column}.doc-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}


/* ===== PREMIUM GARDEN V4 ===== */
.garden-section{
  padding:105px 0;
  color:var(--ink);
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 15% 7%,rgba(255,255,255,.72),transparent 24%),
    radial-gradient(circle at 85% 14%,rgba(255,255,255,.5),transparent 20%),
    linear-gradient(180deg,#f8d9e6 0%,#f4d8df 42%,#d7e7d3 100%);
}
.garden-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 10% 25%,rgba(232,95,151,.06) 0 110px,transparent 111px),
    radial-gradient(circle at 90% 65%,rgba(255,255,255,.22) 0 150px,transparent 151px);
}
.garden-section .shell{position:relative;z-index:2}
.garden-section .section-head.light .kicker{color:var(--rose)}
.garden-section .section-head.light>p{color:#75586a}
.garden-dashboard{
  display:grid;
  grid-template-columns:1.1fr 1.1fr 1.1fr 1fr;
  gap:14px;
  margin-bottom:16px;
}
.garden-stat-card{
  padding:21px 22px;
  border-radius:21px;
  background:rgba(255,250,252,.9);
  border:1px solid rgba(255,255,255,.95);
  box-shadow:0 16px 38px rgba(105,46,74,.1);
  backdrop-filter:blur(16px);
  display:flex;
  flex-direction:column;
  min-height:145px;
}
.garden-stat-card small{font-size:9px;letter-spacing:.14em;font-weight:800;color:#a15c7b}
.garden-stat-card strong{font:800 28px "Playfair Display";margin:7px 0}
.garden-stat-card span{font-size:12px;color:#846577}
.mini-progress{
  height:7px;
  margin-top:auto;
  border-radius:999px;
  background:#eedee5;
  overflow:hidden
}
.mini-progress i{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#ff83b0,#ef4f90);
  transition:width .35s ease
}
.water-card{background:linear-gradient(145deg,rgba(248,253,255,.94),rgba(240,247,255,.9))}
.water-drops{display:flex;gap:8px;margin-top:auto}
.water-drops i{
  width:17px;height:22px;
  clip-path:path("M 8 0 C 7 4 0 10 0 15 C 0 20 4 22 8 22 C 13 22 17 20 17 15 C 17 10 10 4 8 0 Z");
  background:#d8e4ec;
  transition:.25s
}
.water-drops i.filled{background:linear-gradient(#8bd7ff,#4aa4e2);filter:drop-shadow(0 3px 5px rgba(61,151,211,.28))}
.garden-action-row{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}
.garden-tabs{display:flex;gap:8px;flex-wrap:wrap}
.garden-tab{
  border:1px solid rgba(190,73,124,.16);
  background:rgba(255,255,255,.72);
  color:#80536a;
  padding:10px 15px;
  border-radius:999px;
  font-size:12px;
  font-weight:800
}
.garden-tab.active{background:var(--pink);color:#fff;border-color:transparent}
.garden-main-actions{display:flex;gap:10px}
.garden-plant-main{
  min-width:210px;
  background:linear-gradient(135deg,#ff71a8,#ed4d8e);
  color:#fff;
  box-shadow:0 14px 30px rgba(212,63,123,.24)
}
.water-btn{
  color:#2e719c;
  background:linear-gradient(145deg,#eefdff,#d9f1ff);
  border:1px solid rgba(90,174,226,.18);
  box-shadow:0 12px 28px rgba(62,150,204,.12)
}
.water-btn:disabled{opacity:.52;cursor:not-allowed;transform:none}
.premium-garden{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  grid-template-rows:170px 520px auto;
  overflow:hidden;
  border-radius:34px;
  background:#fff8fb;
  border:1px solid rgba(255,255,255,.96);
  box-shadow:0 30px 80px rgba(88,42,64,.2);
}
.garden-tab-ribbon{
  position:absolute;z-index:25;top:0;left:0;
  padding:10px 27px;
  color:#fff;background:linear-gradient(135deg,#ff6ba5,#ee4b89);
  border-radius:0 0 18px 0;
  font-weight:800;
  box-shadow:0 8px 20px rgba(213,58,121,.2)
}
.garden-sky{
  grid-column:1/-1;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 70% 20%,rgba(255,255,255,.8),transparent 15%),
    linear-gradient(180deg,#ffd6e6 0%,#f4ccd9 50%,#e4e9d8 100%);
}
.sun-glow{
  position:absolute;right:10%;top:22px;width:90px;height:90px;border-radius:50%;
  background:radial-gradient(circle,#fff9d8 0 37%,rgba(255,245,199,.42) 38% 62%,transparent 63%);
  filter:drop-shadow(0 0 20px rgba(255,238,172,.62))
}
.soft-cloud{position:absolute;width:150px;height:38px;border-radius:999px;background:rgba(255,255,255,.45)}
.soft-cloud:before,.soft-cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}
.soft-cloud:before{width:58px;height:58px;left:25px;bottom:0}
.soft-cloud:after{width:76px;height:76px;right:18px;bottom:0}
.cloud-a{left:9%;top:55px}.cloud-b{right:34%;top:78px;transform:scale(.72)}
.floating-heart{position:absolute;color:rgba(213,73,132,.25);font-size:30px;animation:float 6s ease-in-out infinite}
.h-a{left:27%;top:38px}.h-b{right:28%;top:30px;animation-delay:-2s}.h-c{left:49%;top:110px;animation-delay:-4s}
.garden-hero-copy{
  position:absolute;z-index:4;left:50%;top:32px;transform:translateX(-50%);
  text-align:center;color:#543145
}
.garden-hero-copy strong,.garden-hero-copy em{display:block}
.garden-hero-copy strong{font:700 30px "Playfair Display"}
.garden-hero-copy em{font:700 38px "Caveat";color:#ea4f8e}
.garden-hero-copy span{color:#ed78a7}
.garden-scene{
  grid-column:1;
  position:relative;
  overflow:hidden;
  background:linear-gradient(#d9ebda 0 35%,#a8cfa7 36% 61%,#7fab83 62%);
  perspective:1100px;
}
.blurred-garden-bg{
  position:absolute;inset:0;
  z-index:0;
  background:
    radial-gradient(circle at 8% 55%,#f2a0be 0 28px,transparent 29px),
    radial-gradient(circle at 16% 58%,#f7c2d5 0 18px,transparent 19px),
    radial-gradient(circle at 88% 52%,#e879a8 0 25px,transparent 26px),
    radial-gradient(circle at 80% 58%,#fff2f7 0 19px,transparent 20px);
  filter:blur(7px);
  opacity:.38;
  transform:scale(1.05)
}
.cream-fence{
  position:absolute;z-index:1;left:0;right:0;top:55px;height:165px;
  display:flex;justify-content:space-around;align-items:flex-end;
  filter:drop-shadow(0 8px 6px rgba(126,91,68,.12))
}
.cream-fence span{
  width:68px;height:150px;background:linear-gradient(90deg,#f5e6d3,#fff8ed 45%,#e8d5bf);
  border-radius:28px 28px 4px 4px;
  box-shadow:inset -7px 0 10px rgba(149,110,78,.09)
}
.cream-fence:after{
  content:"";position:absolute;left:0;right:0;top:67px;height:17px;
  background:linear-gradient(#fff5e9,#ead7c2);
  box-shadow:0 56px 0 #f0dfcb
}
.fairy-lights{
  position:absolute;z-index:3;left:5%;right:5%;top:33px;height:70px;
  border-top:2px solid rgba(124,85,74,.26)
}
.fairy-lights i{position:absolute;top:-6px;width:12px;height:12px;border-radius:50%;background:#fff4ae;box-shadow:0 0 15px #fff4ae}
.fairy-lights i:nth-child(1){left:8%}.fairy-lights i:nth-child(2){left:25%}.fairy-lights i:nth-child(3){left:42%}.fairy-lights i:nth-child(4){left:59%}.fairy-lights i:nth-child(5){left:76%}.fairy-lights i:nth-child(6){left:93%}
.garden-grass{
  position:absolute;z-index:2;left:0;right:0;bottom:118px;height:165px;
  background:linear-gradient(180deg,#87bc8f,#6da377);
  clip-path:polygon(0 12%,3% 18%,5% 9%,7% 17%,10% 10%,12% 21%,15% 8%,18% 19%,21% 10%,24% 17%,27% 8%,30% 20%,33% 10%,36% 16%,39% 8%,42% 18%,45% 10%,48% 16%,51% 8%,54% 18%,57% 10%,60% 17%,63% 8%,66% 18%,69% 10%,72% 16%,75% 8%,78% 20%,81% 10%,84% 17%,87% 8%,90% 19%,93% 10%,96% 17%,100% 9%,100% 100%,0 100%)
}
.garden-soil{
  position:absolute;z-index:4;left:0;right:0;bottom:0;height:150px;
  background:
    radial-gradient(circle at 20% 25%,rgba(255,255,255,.07) 0 2px,transparent 3px),
    radial-gradient(circle at 65% 55%,rgba(255,255,255,.05) 0 2px,transparent 3px),
    linear-gradient(#765b47,#4c382e);
  background-size:38px 34px,51px 47px,auto;
  box-shadow:inset 0 14px 22px rgba(58,38,29,.2)
}
.bird-house{position:absolute;z-index:5;left:22px;bottom:155px;width:120px;height:180px}
.bird-roof{position:absolute;left:0;top:0;width:115px;height:58px;background:linear-gradient(145deg,#e576a6,#b74573);clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 8px 5px rgba(75,37,55,.18))}
.bird-box{position:absolute;left:20px;top:46px;width:76px;height:82px;border-radius:8px;background:linear-gradient(145deg,#f6a9c7,#d96898);box-shadow:inset -8px -8px 12px rgba(123,42,77,.12)}
.bird-box i{position:absolute;left:27px;top:24px;width:24px;height:24px;border-radius:50%;background:#8f3a61}
.bird-post{position:absolute;left:53px;top:124px;width:12px;height:56px;background:linear-gradient(90deg,#9d6448,#6f432f)}
.watering-can{position:absolute;z-index:8;left:26px;bottom:40px;width:120px;height:92px}
.can-body{position:absolute;left:16px;bottom:0;width:74px;height:58px;border-radius:14px;background:linear-gradient(145deg,#ff91b9,#d94f86);color:#ffd6e7;display:grid;place-items:center;font-size:21px;box-shadow:0 12px 16px rgba(84,37,57,.18)}
.can-handle{position:absolute;left:8px;top:0;width:65px;height:58px;border:10px solid #df5b8f;border-bottom-color:transparent;border-radius:50%}
.can-spout{position:absolute;right:-1px;bottom:24px;width:54px;height:17px;background:linear-gradient(#e9699a,#c94179);transform:rotate(-17deg);clip-path:polygon(0 20%,100% 0,100% 100%,0 80%)}
.garden-sign{position:absolute;z-index:7;right:22px;bottom:145px;width:150px;height:130px}
.garden-sign span{position:absolute;left:0;top:0;width:145px;height:92px;padding-top:15px;text-align:center;border-radius:48% 48% 42% 42%;color:#fbe1cc;background:linear-gradient(145deg,#af704b,#74452f);font:700 28px "Caveat";line-height:.9;box-shadow:0 12px 18px rgba(67,37,24,.2)}
.garden-sign i{position:absolute;left:63px;top:67px;color:#ff9abe}
.garden-sign:after{content:"";position:absolute;left:68px;top:87px;width:12px;height:44px;background:#71422f}
.tulip-field{position:absolute;inset:0;z-index:12;pointer-events:none;transform-style:preserve-3d}
.memory-tulip{
  position:absolute;
  bottom:69px;
  width:72px;height:180px;
  padding:0;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:auto;
  cursor:pointer;
  transform-origin:bottom center;
  filter:drop-shadow(0 12px 8px rgba(53,36,40,.2));
  appearance:none;
  -webkit-appearance:none;
}
.memory-tulip::before{
  content:"";
  position:absolute;left:10px;right:10px;bottom:-4px;height:15px;
  border-radius:50%;
  background:rgba(50,31,25,.23);
  filter:blur(5px);
  transform:rotateX(70deg)
}
.memory-tulip .stem{position:absolute;left:33px;bottom:6px;width:7px;height:116px;border-radius:8px;background:linear-gradient(90deg,#337449,#74bd84 45%,#2f6b44);box-shadow:inset -2px 0 3px rgba(0,0,0,.13)}
.memory-tulip .leaf{position:absolute;width:40px;height:67px;border-radius:100% 0 100% 0;background:linear-gradient(135deg,#8ad29a,#3f8d5a 70%);box-shadow:inset -4px -4px 8px rgba(31,105,61,.14)}
.memory-tulip .leaf.l1{left:1px;bottom:25px;transform:rotate(-19deg) skewY(-5deg)}
.memory-tulip .leaf.l2{right:-2px;bottom:51px;transform:rotate(77deg) skewY(4deg)}
.memory-tulip .flower{position:absolute;top:0;left:8px;width:58px;height:70px;transform-style:preserve-3d}
.memory-tulip .petal{position:absolute;bottom:0;width:39px;height:61px;border-radius:55% 55% 37% 37%;box-shadow:inset -7px -8px 11px rgba(105,25,66,.14),inset 4px 3px 7px rgba(255,255,255,.3)}
.memory-tulip .p1{left:0;transform:rotate(-20deg) translateZ(2px)}
.memory-tulip .p2{right:0;transform:rotate(20deg) translateZ(3px)}
.memory-tulip .p3{left:10px;bottom:-5px;transform:translateZ(9px)}
.memory-tulip.pink .petal{background:linear-gradient(140deg,#ffc1d7 0%,#f56ca3 45%,#d83c7d 100%)}
.memory-tulip.white .petal{background:linear-gradient(140deg,#fffef8 0%,#f5edf2 56%,#d8c7d1 100%)}
.memory-tulip.red .petal{background:linear-gradient(140deg,#ff9b9f 0%,#e64d61 48%,#ae233f 100%)}
.memory-tulip.striped .p1{background:linear-gradient(135deg,#fff7fa 0 30%,#ef4d8c 31% 46%,#ffb2cf 47% 68%,#d73e7c 69%)}
.memory-tulip.striped .p2{background:linear-gradient(40deg,#e94582 0 29%,#fff7fa 30% 48%,#ff8db6 49% 70%,#c6326d 71%)}
.memory-tulip.striped .p3{background:linear-gradient(90deg,#e43e7d,#fff4f8,#d42f70)}
.memory-tulip.milestone{filter:drop-shadow(0 0 12px rgba(255,205,85,.8)) drop-shadow(0 12px 8px rgba(53,36,40,.2))}
.memory-tulip.milestone:after{content:"✦";position:absolute;right:-5px;top:-20px;color:#ffd15c;font-size:29px;animation:heartbeat 1.5s infinite}
.memory-tulip.golden .petal{background:linear-gradient(140deg,#fff3ad,#f6ca58 45%,#d79620)}
.memory-tulip.wilting{filter:saturate(.55) brightness(.88) drop-shadow(0 10px 7px rgba(53,36,40,.15))}
.memory-tulip.wilting .flower{transform:rotate(13deg) translateY(12px)}
.memory-tulip.wilting .stem{transform:rotate(5deg);transform-origin:bottom}
.memory-tulip.severe-wilt{filter:grayscale(.35) saturate(.35) brightness(.78)}
.memory-tulip.severe-wilt .flower{transform:rotate(28deg) translate(7px,21px)}
.memory-tulip.severe-wilt .stem{transform:rotate(12deg);transform-origin:bottom}
.memory-tulip.plant-grow{animation:tulipGrow3d 1.3s cubic-bezier(.2,.82,.25,1) both}
@keyframes tulipGrow3d{
  0%{transform:scaleY(0) translateY(22px) rotateX(18deg);opacity:.15}
  72%{transform:scaleY(1.1) translateY(-3px) rotateX(-4deg)}
  100%{transform:scaleY(1) translateY(0) rotateX(0);opacity:1}
}
.pink-kitten{
  position:absolute;z-index:18;left:150px;bottom:73px;width:165px;height:170px;
  transition:left 1.1s cubic-bezier(.25,.75,.25,1),transform .35s ease;
  filter:drop-shadow(0 16px 10px rgba(70,40,52,.22))
}
.kitten-shadow{position:absolute;left:27px;bottom:0;width:112px;height:24px;border-radius:50%;background:rgba(52,31,34,.24);filter:blur(6px)}
.kitten-body{position:absolute;left:43px;bottom:17px;width:88px;height:95px;border-radius:48% 52% 36% 36%;background:radial-gradient(circle at 35% 25%,#ffd4e3,#f391b7 55%,#d96899);box-shadow:inset -10px -10px 16px rgba(154,47,91,.16),inset 7px 7px 14px rgba(255,255,255,.2)}
.kitten-head{position:absolute;z-index:3;left:28px;top:8px;width:108px;height:99px;border-radius:48% 48% 44% 44%;background:radial-gradient(circle at 35% 25%,#ffdce8,#f49abc 50%,#df739f);box-shadow:inset -9px -8px 14px rgba(153,47,89,.14),inset 7px 6px 12px rgba(255,255,255,.2)}
.kitten-ear{position:absolute;top:-22px;width:48px;height:55px;background:linear-gradient(#ffc7da,#e77aa7);clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 5px 4px rgba(89,42,58,.12))}
.kitten-ear:after{content:"";position:absolute;inset:13px 10px 6px;background:#f18fb4;clip-path:inherit}
.kitten-ear.ear-l{left:6px;transform:rotate(-11deg)}.kitten-ear.ear-r{right:6px;transform:rotate(11deg)}
.kitten-eye{position:absolute;top:38px;width:25px;height:29px;border-radius:50%;background:radial-gradient(circle at 35% 31%,#fff 0 4px,#8fdcff 5px 11px,#2672ae 12px 18px,#102d49 19px);box-shadow:0 0 0 2px rgba(72,38,57,.13),inset 0 -4px 5px rgba(6,34,56,.18)}
.kitten-eye.eye-l{left:19px}.kitten-eye.eye-r{right:19px}
.kitten-nose{position:absolute;left:49px;top:69px;width:11px;height:9px;transform:rotate(45deg);border-radius:3px;background:#c94d79}
.kitten-mouth{position:absolute;left:44px;top:78px;width:22px;height:9px;border-bottom:2px solid rgba(109,50,76,.55);border-radius:50%}
.kitten-cheek{position:absolute;top:68px;width:17px;height:9px;border-radius:50%;background:rgba(255,160,190,.35)}
.cheek-l{left:12px}.cheek-r{right:12px}
.kitten-paw{position:absolute;z-index:4;bottom:9px;width:38px;height:27px;border-radius:50%;background:linear-gradient(#f7a8c5,#df77a3);box-shadow:inset -4px -4px 6px rgba(146,51,91,.12)}
.kitten-paw.paw-l{left:33px}.kitten-paw.paw-r{right:31px}
.kitten-tail{position:absolute;right:2px;bottom:29px;width:68px;height:87px;border:16px solid #e982ac;border-left-color:transparent;border-radius:50%;transform:rotate(15deg)}
.tiny-shovel{position:absolute;z-index:7;right:0;bottom:10px;font-size:31px;transform:rotate(-25deg)}
.pink-kitten.walking{transform:translateY(-5px) rotate(-2deg)}
.pink-kitten.digging .paw-l{animation:digPaw .25s ease-in-out 6}
.pink-kitten.digging .tiny-shovel{animation:digShovel .3s ease-in-out 5}
.pink-kitten.watering{animation:kittenWater .6s ease-in-out 3}
@keyframes kittenWater{50%{transform:rotate(-4deg) translateY(-3px)}}
@keyframes digPaw{50%{transform:translate(13px,7px) rotate(18deg)}}
@keyframes digShovel{50%{transform:rotate(20deg) translateY(7px)}}
.planting-message,.watering-message{
  position:absolute;z-index:30;left:50%;top:22px;transform:translateX(-50%);
  max-width:520px;padding:12px 18px;border-radius:999px;background:rgba(255,255,255,.9);
  box-shadow:0 10px 24px rgba(93,42,67,.12);font-weight:800;color:#9f3e6c;text-align:center;
  opacity:0;transition:.3s
}
.planting-message.show,.watering-message.show{opacity:1}
.water-spray{position:absolute;z-index:17;inset:0;pointer-events:none;overflow:hidden}
.water-drop{
  position:absolute;top:-30px;width:8px;height:14px;border-radius:50% 50% 55% 55%;
  background:linear-gradient(#bdeaff,#5cb6ec);animation:waterFall 1.15s ease-in forwards
}
@keyframes waterFall{to{transform:translateY(500px) rotate(20deg);opacity:.15}}
.garden-side-panel{
  grid-column:2;
  grid-row:2;
  padding:20px;
  background:linear-gradient(180deg,#fff9fb,#f7e5ec);
  border-left:1px solid #efdbe4;
  display:flex;
  flex-direction:column;
  gap:14px
}
.garden-side-panel article,.garden-history-button{
  border:1px solid rgba(224,143,176,.22);
  border-radius:18px;
  background:rgba(255,255,255,.72);
  box-shadow:0 12px 25px rgba(111,49,78,.08)
}
.garden-side-panel article{padding:18px}
.garden-side-panel small{font-size:9px;letter-spacing:.13em;color:#a75c7b;font-weight:800}
.last-tulip-preview{display:flex;align-items:center;gap:14px;margin-top:14px}
.preview-flower{font-size:48px;filter:drop-shadow(0 8px 6px rgba(78,40,54,.14))}
.last-tulip-preview strong,.last-tulip-preview span{display:block}
.last-tulip-preview strong{font:700 18px "Playfair Display";line-height:1.25}
.last-tulip-preview span{font-size:12px;color:#8a6a7b;margin-top:5px}
.garden-history-button{
  width:100%;padding:17px 18px;border:1px solid rgba(224,143,176,.22);
  display:flex;justify-content:space-between;align-items:center;text-align:left;color:var(--ink)
}
.garden-history-button small,.garden-history-button strong{display:block}
.garden-history-button strong{font-size:13px;margin-top:4px}
.garden-history-button b{font-size:28px;color:#ed5a97}
.gardener-advice p{color:#75576a;line-height:1.55;margin:10px 0 0}
.garden-slots-panel{
  grid-column:1/-1;
  padding:18px 23px 23px;
  background:linear-gradient(145deg,rgba(151,125,72,.78),rgba(109,91,47,.78));
  border-top:1px solid rgba(255,255,255,.2);
  backdrop-filter:blur(12px)
}
.slots-heading{display:flex;justify-content:space-between;gap:18px;color:#fff9df;margin-bottom:15px}
.slots-heading strong{font-size:13px;letter-spacing:.03em}
.slots-heading span{font-size:12px;color:#ffe8f1}
.tulip-slots{display:grid;grid-template-columns:repeat(10,1fr);gap:12px}
.tulip-slot{
  position:relative;min-width:0;height:125px;border:2px dashed rgba(255,255,255,.65);
  border-radius:17px;display:flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,.55);background:rgba(255,255,255,.07)
}
.tulip-slot.filled{border-style:solid;background:rgba(255,255,255,.82);box-shadow:0 10px 22px rgba(48,33,21,.15)}
.tulip-slot.milestone-slot{box-shadow:0 0 18px rgba(255,222,108,.38)}
.tulip-slot strong{
  position:absolute;left:50%;bottom:-13px;transform:translateX(-50%);
  min-width:31px;height:31px;padding:0 7px;border-radius:50%;display:grid;place-items:center;
  color:#8d6d53;background:#fff2dd;font:800 13px "DM Sans"
}
.tulip-slot .slot-flower{font-size:44px;filter:drop-shadow(0 7px 5px rgba(81,49,57,.15))}
.tulip-slot .slot-placeholder{font-size:39px;opacity:.45}
.tulip-slot .slot-crown{position:absolute;top:-12px;right:-5px;font-size:18px}
.tulip-slot em{position:absolute;bottom:-35px;color:#fff1b9;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.08em}
.garden-modal{
  position:fixed;z-index:140;inset:0;display:none;place-items:center;padding:20px;
  background:rgba(61,29,45,.35);backdrop-filter:blur(7px)
}
.garden-modal.open{display:grid}
.garden-modal-card{
  position:relative;width:min(540px,100%);max-height:90vh;overflow:auto;padding:34px;border-radius:28px;
  background:#fffafc;border:1px solid rgba(255,255,255,.9);box-shadow:0 28px 80px rgba(62,23,42,.25)
}
.garden-modal-card h3{font:800 38px "Playfair Display";margin:10px 0}
.garden-modal-card>p{color:#7c5c6d;line-height:1.65}
.garden-modal-card form{display:grid;gap:16px;margin-top:22px}
.modal-close{position:absolute;right:18px;top:16px;width:40px;height:40px;border:0;border-radius:50%;background:#ffe4ef;color:#9e3d6a;font-size:25px}
.archive-card{width:min(720px,100%)}
.garden-archive-list{display:grid;gap:12px;margin-top:20px}
.archive-item{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:15px 16px;border-radius:16px;background:#fff;border:1px solid #f0dce5}
.archive-flower{font-size:31px}.archive-item b,.archive-item small{display:block}.archive-item small{color:#9a7285;margin-top:4px}
.archive-item button{border:0;background:#ffe8f1;color:#aa416f;width:34px;height:34px;border-radius:10px}
.tulip-tooltip{position:fixed;z-index:150;max-width:260px;padding:12px 14px;border-radius:13px;color:#fff;background:#4f2d40;box-shadow:0 14px 30px rgba(43,18,33,.24);pointer-events:none;opacity:0;transition:.15s}
.tulip-tooltip.show{opacity:1}.tulip-tooltip b,.tulip-tooltip small{display:block}.tulip-tooltip small{margin-top:4px;color:#f2cbdc}

@media(max-width:1080px){
  .garden-dashboard{grid-template-columns:1fr 1fr}
  .premium-garden{grid-template-columns:1fr;grid-template-rows:170px 500px auto auto}
  .garden-side-panel{grid-column:1;grid-row:3;border-left:0;border-top:1px solid #efdbe4;display:grid;grid-template-columns:1fr 1fr 1fr}
  .garden-slots-panel{grid-row:4}
}
@media(max-width:760px){
  .garden-dashboard{grid-template-columns:1fr}
  .garden-action-row{align-items:flex-start;flex-direction:column}
  .garden-main-actions{width:100%;flex-direction:column}
  .garden-main-actions .btn{width:100%}
  .premium-garden{grid-template-rows:165px 500px auto auto}
  .garden-side-panel{grid-template-columns:1fr}
  .garden-hero-copy strong{font-size:24px}
  .garden-hero-copy em{font-size:31px}
  .tulip-slots{grid-template-columns:repeat(5,1fr);row-gap:42px}
  .garden-slots-panel{padding-bottom:42px}
  .pink-kitten{transform:scale(.85);transform-origin:bottom left;left:100px}
}
@media(max-width:520px){
  .premium-garden{grid-template-rows:150px 470px auto auto}
  .garden-scene{height:470px}
  .cream-fence span{width:48px}
  .bird-house,.garden-sign{transform:scale(.78)}
  .bird-house{transform-origin:left bottom}.garden-sign{transform-origin:right bottom}
  .watering-can{transform:scale(.75);transform-origin:left bottom}
  .pink-kitten{left:70px;transform:scale(.72);transform-origin:bottom left}
  .garden-hero-copy{top:40px;width:90%}
  .garden-hero-copy strong{font-size:20px}
  .garden-hero-copy em{font-size:27px}
  .slots-heading{flex-direction:column}
  .tulip-slots{grid-template-columns:repeat(2,1fr);gap:45px 18px}
}

/* ===== V5 PREMIUM VISUAL OVERHAUL ===== */
:root{
  --v5-glass:rgba(255,250,252,.82);
  --v5-border:rgba(255,255,255,.78);
  --v5-deep:#6f294c;
  --v5-pink:#f34f91;
  --v5-soft:#ffd7e7;
}
body{
  background:
    radial-gradient(circle at 12% 8%,rgba(255,255,255,.95),transparent 23%),
    radial-gradient(circle at 88% 24%,rgba(255,203,225,.46),transparent 27%),
    linear-gradient(145deg,#fff9fc 0%,#ffe8f2 46%,#fff8ef 100%);
}
.topbar{
  height:78px;
  margin:12px clamp(12px,2vw,28px) 0;
  border:1px solid rgba(255,255,255,.72);
  border-radius:22px;
  background:rgba(255,250,252,.72);
  box-shadow:0 16px 45px rgba(112,38,75,.12);
}
.logo-badge{box-shadow:0 8px 20px rgba(223,64,126,.25)}
.topbar nav a{padding:9px 12px;border-radius:999px;transition:.22s}
.topbar nav a:hover{background:#ffe6f0;color:#b5326a}
.hero{
  position:relative;
  width:min(1320px,calc(100% - 28px));
  min-height:760px;
  margin-top:18px;
  padding:88px clamp(28px,5vw,76px);
  border-radius:38px;
  overflow:hidden;
  isolation:isolate;
  box-shadow:0 30px 90px rgba(112,38,75,.19);
}
.hero::before{
  content:"";position:absolute;inset:0;z-index:-3;
  background:url("assets/backgrounds/home-premium.webp") center/cover no-repeat;
  transform:scale(1.02);
}
.hero::after{
  content:"";position:absolute;inset:0;z-index:-2;
  background:linear-gradient(90deg,rgba(72,24,49,.72) 0%,rgba(103,38,68,.43) 43%,rgba(255,230,240,.06) 73%);
}
.hero-copy{padding:34px;border-radius:28px;background:rgba(67,23,45,.24);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18)}
.hero h1,.hero-copy>p,.hero .live-status{color:#fff}
.hero h1 em{color:#ff9ec3}.hero h1 span{color:#ffe3ef}
.hero .pill{color:#ffe0ed;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22)}
.hero .ghost{background:rgba(255,255,255,.9)}
.hero-scene{opacity:0;pointer-events:none}
.section-head h2{color:#4a293b}
.panel,.stat-card,.ticket,.official-doc,.timeline-section{
  border-color:var(--v5-border);
  background:var(--v5-glass);
  backdrop-filter:blur(18px);
  box-shadow:0 18px 55px rgba(108,42,76,.11);
}
.btn{border-radius:999px;letter-spacing:.01em}
.primary{background:linear-gradient(135deg,#ff71a8,#e94285);box-shadow:0 14px 32px rgba(221,63,128,.28)}
.countdown-card{border:1px solid rgba(255,255,255,.24);box-shadow:0 25px 65px rgba(190,48,112,.25)}
.garden-section{
  background:linear-gradient(180deg,#ffe9f2 0%,#f7dce7 34%,#e8efe1 100%)!important;
}
.premium-garden{
  grid-template-columns:minmax(0,1fr) 310px;
  grid-template-rows:160px 590px auto;
  box-shadow:0 35px 90px rgba(84,38,59,.24);
  border:1px solid rgba(255,255,255,.95);
}
.garden-sky{
  background:linear-gradient(180deg,rgba(255,231,241,.97),rgba(250,215,229,.82))!important;
}
.garden-scene{
  background-image:
    linear-gradient(180deg,rgba(255,217,231,.08),rgba(61,39,42,.08)),
    url("assets/backgrounds/garden-premium.webp")!important;
  background-size:cover!important;
  background-position:center!important;
  perspective:1200px;
}
.garden-scene .blurred-garden-bg,
.garden-scene .cream-fence,
.garden-scene .fairy-lights,
.garden-scene .bird-house,
.garden-scene .watering-can,
.garden-scene .garden-sign,
.garden-scene .garden-grass,
.garden-scene .garden-soil{display:none!important}
.pink-kitten.premium-kitten{
  left:34%;bottom:54px;width:270px;height:auto;
  filter:drop-shadow(0 24px 18px rgba(67,31,43,.28));
  z-index:22;
}
.pink-kitten.premium-kitten img{display:block;width:100%;height:auto;pointer-events:none}
.pink-kitten.premium-kitten.walking{transform:translateY(-7px) scale(1.02)}
.pink-kitten.premium-kitten.digging{animation:v5KittenBob .32s ease-in-out 5}
.pink-kitten.premium-kitten.watering{animation:v5KittenWater .55s ease-in-out 3}
@keyframes v5KittenBob{50%{transform:translateY(5px) rotate(-2deg)}}
@keyframes v5KittenWater{50%{transform:rotate(-3deg) translateY(-5px)}}
.memory-tulip{bottom:52px!important;filter:drop-shadow(0 16px 12px rgba(47,27,31,.28))!important}
.garden-side-panel{background:linear-gradient(180deg,rgba(255,251,253,.96),rgba(249,231,239,.95))}
.garden-slots-panel{background:linear-gradient(145deg,rgba(107,72,48,.88),rgba(66,49,34,.88));backdrop-filter:blur(14px)}
.garden-stat-card{background:rgba(255,252,253,.9);box-shadow:0 16px 42px rgba(112,46,79,.1)}
.garden-tab-ribbon{border-radius:0 0 18px 0}
.blackboard-section{background:linear-gradient(rgba(19,49,41,.91),rgba(19,49,41,.97)),url("assets/backgrounds/garden-premium.webp") center/cover fixed}
.final-card{box-shadow:0 30px 80px rgba(190,48,112,.29)}
@media(max-width:1050px){
  .hero{min-height:680px;text-align:left}.hero-copy{max-width:720px}.hero-buttons,.live-status{justify-content:flex-start}
  .premium-garden{grid-template-columns:1fr;grid-template-rows:150px 560px auto auto}
  .pink-kitten.premium-kitten{width:230px;left:37%}
}
@media(max-width:760px){
  .topbar{margin:8px 8px 0;border-radius:18px}.hero{min-height:690px;padding:62px 20px;background-position:center}.hero-copy{padding:24px}.hero h1{font-size:49px}
  .garden-scene{background-position:48% center!important}.pink-kitten.premium-kitten{width:190px;left:26%;bottom:42px}
}


/* ===== V6: CLEAN HOME + DRAGGABLE GARDEN ===== */
.hero{
  min-height:640px;
  width:min(1180px,calc(100% - 36px));
  margin-top:22px;
  padding:92px clamp(28px,7vw,100px);
  border:1px solid rgba(229,116,164,.18);
  border-radius:38px;
  background:
    radial-gradient(circle at 82% 18%,rgba(255,210,228,.42),transparent 28%),
    radial-gradient(circle at 15% 78%,rgba(255,233,241,.72),transparent 30%),
    linear-gradient(145deg,#fffdfd,#fff3f8 55%,#fff9f2);
  box-shadow:0 28px 80px rgba(111,44,77,.12);
}
.hero::before,.hero::after{display:none!important}
.hero-copy{
  max-width:760px;
  margin:auto;
  padding:0;
  text-align:center;
  background:transparent;
  border:0;
  backdrop-filter:none;
}
.hero h1{color:#4b293b!important}
.hero h1 em{color:#ef4e91!important}
.hero h1 span{color:#7e5268!important}
.hero-copy>p{color:#76586a!important;margin-inline:auto}
.hero .pill{color:#b23b70;background:#fff;border-color:#f2c4d7}
.hero .live-status{color:#7b5b6c!important;justify-content:center}
.hero-buttons{justify-content:center}
.hero-scene{display:none!important}

.garden-section{
  background:linear-gradient(180deg,#fff1f6 0%,#f6e9ec 42%,#ece8dc 100%)!important;
}
.premium-garden{
  grid-template-columns:minmax(0,1fr) 300px;
  grid-template-rows:145px 560px auto;
  background:#fffafc;
}
.garden-sky{
  background:
    radial-gradient(circle at 74% 32%,rgba(255,247,204,.78) 0 37px,rgba(255,245,200,.26) 38px 60px,transparent 61px),
    linear-gradient(180deg,#f5d9e3 0%,#eadbd8 58%,#e6ddd2 100%)!important;
}
.garden-scene{
  background:
    radial-gradient(ellipse at 50% 88%,rgba(255,255,255,.58),transparent 56%),
    radial-gradient(circle at 22% 62%,rgba(240,188,206,.14),transparent 24%),
    linear-gradient(180deg,#eadde0 0 31%,#efe7da 32% 100%)!important;
  overflow:hidden;
  cursor:default;
}
.garden-scene::before{
  content:"";
  position:absolute;inset:32% 4% 7%;
  border-radius:50% 48% 42% 45%;
  background:
    radial-gradient(circle at 16% 28%,rgba(173,133,106,.15) 0 2px,transparent 3px),
    radial-gradient(circle at 61% 54%,rgba(173,133,106,.12) 0 2px,transparent 3px),
    linear-gradient(180deg,#eee4d3,#e8ddca);
  background-size:46px 38px,57px 51px,auto;
  box-shadow:inset 0 16px 30px rgba(136,105,80,.08),0 18px 40px rgba(95,61,48,.06);
  z-index:1;
}
.garden-scene::after{
  content:"Prevuci lale i rasporedi svoju baštu kako želiš";
  position:absolute;left:50%;bottom:18px;z-index:40;transform:translateX(-50%);
  padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.78);
  color:#9a617b;font-size:11px;font-weight:800;letter-spacing:.03em;
  opacity:.78;pointer-events:none;
}
.garden-scene .blurred-garden-bg,
.garden-scene .cream-fence,
.garden-scene .fairy-lights,
.garden-scene .bird-house,
.garden-scene .watering-can,
.garden-scene .garden-sign,
.garden-scene .garden-grass,
.garden-scene .garden-soil,
.pink-kitten,.premium-kitten{display:none!important}
.tulip-field{z-index:10;pointer-events:none}
.memory-tulip{
  bottom:auto!important;
  width:74px;height:184px;
  pointer-events:auto;
  touch-action:none;
  user-select:none;
  cursor:grab;
  transition:filter .2s ease,transform .18s ease;
  border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;
}
.memory-tulip:active,.memory-tulip.dragging{cursor:grabbing;z-index:80!important;filter:drop-shadow(0 20px 15px rgba(61,38,44,.34))!important}
.memory-tulip.dragging{transform:scale(1.08)!important}
.memory-tulip .flower{pointer-events:none}.memory-tulip .stem,.memory-tulip .leaf{pointer-events:none}
.garden-side-panel{background:linear-gradient(180deg,#fffafc,#f7edf0)}
.garden-slots-panel{background:linear-gradient(145deg,#79634f,#55483b)}
.planting-message{top:18px}
@media(max-width:1080px){
  .premium-garden{grid-template-columns:1fr;grid-template-rows:140px 535px auto auto}
}
@media(max-width:760px){
  .hero{min-height:570px;padding:68px 22px}.hero h1{font-size:51px}
  .premium-garden{grid-template-rows:135px 500px auto auto}
  .garden-scene::after{width:84%;text-align:center;bottom:10px}
  .memory-tulip{width:62px;height:158px}
}

/* ===== V7: RESTORED CLEAN TWO-COLUMN HOME ===== */
.hero{
  width:min(1260px,calc(100% - 36px))!important;
  min-height:calc(100vh - 74px)!important;
  margin:0 auto!important;
  padding:70px 0 90px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.06fr) minmax(390px,.94fr)!important;
  align-items:center!important;
  gap:68px!important;
  text-align:left!important;
  background:
    radial-gradient(circle at 8% 14%,rgba(255,255,255,.96),transparent 23%),
    radial-gradient(circle at 88% 70%,rgba(239,204,255,.34),transparent 24%),
    linear-gradient(135deg,#fffdfd 0%,#fff6fa 52%,#ffeaf4 100%)!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.hero-copy{
  max-width:710px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  text-align:left!important;
}
.hero h1{
  margin:26px 0 24px!important;
  font-size:clamp(58px,7vw,96px)!important;
  line-height:.94!important;
}
.hero-copy>p{
  max-width:680px!important;
  margin:0!important;
  font-size:18px!important;
  line-height:1.85!important;
}
.hero-buttons{
  justify-content:flex-start!important;
  margin-top:31px!important;
}
.hero .live-status{
  justify-content:flex-start!important;
}
.hero-scene{
  display:grid!important;
  opacity:1!important;
  pointer-events:auto!important;
  min-height:570px!important;
  place-items:center!important;
}
.scene-card{
  width:min(480px,100%)!important;
  aspect-ratio:.91!important;
  transform:rotate(1.2deg)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,220,237,.72))!important;
  border:1px solid rgba(255,255,255,.96)!important;
  box-shadow:0 30px 75px rgba(129,48,89,.17)!important;
}
.orbit-one{width:510px!important;height:510px!important}
.orbit-two{width:420px!important;height:420px!important}

@media(max-width:1050px){
  .hero{
    grid-template-columns:1fr!important;
    gap:38px!important;
    text-align:center!important;
    padding-top:60px!important;
  }
  .hero-copy{
    max-width:820px!important;
    margin:0 auto!important;
    text-align:center!important;
  }
  .hero-copy>p{margin-inline:auto!important}
  .hero-buttons,.hero .live-status{justify-content:center!important}
  .hero-scene{min-height:520px!important}
}
@media(max-width:620px){
  .hero{
    width:min(100% - 24px,1260px)!important;
    min-height:auto!important;
    padding:52px 0 66px!important;
  }
  .hero h1{font-size:52px!important}
  .hero-scene{min-height:430px!important}
  .scene-card{width:min(390px,94vw)!important}
  .orbit-one{width:390px!important;height:390px!important}
  .orbit-two{width:320px!important;height:320px!important}
}


/* ===== V8: confirmations and active cases ===== */
.date-confirmation-box{margin:22px 0 72px;padding:17px;border:1px dashed #edb6cb;border-radius:16px;background:#fff5f9}
.date-confirmation-box>small{display:block;font-size:9px;letter-spacing:.14em;font-weight:800;color:#a35d7c;margin-bottom:10px}
.confirmation-statuses{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:13px}.confirmation-statuses span{padding:8px 11px;border-radius:999px;background:#fff;color:#765164;font-size:12px;font-weight:800;border:1px solid #f1d7e2}
.date-action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.date-action-buttons .small-btn{text-align:center;text-decoration:none}.date-action-buttons button:disabled{opacity:.55;cursor:default}.small-btn.danger{background:#fff0f3;color:#a73d60}.disabled-link{opacity:.55;cursor:not-allowed}
.case-registry{margin-top:24px;padding:28px;border-radius:24px;background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.95);box-shadow:var(--shadow)}
.registry-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.registry-heading h3{font:700 35px "Playfair Display";margin:7px 0 0}.case-count{padding:9px 13px;border-radius:999px;color:#a43d6c;background:#ffe7f1;font-weight:800;font-size:12px}.registry-intro{color:#7e5d70}.active-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.case-card{padding:19px;border-radius:18px;background:#fff;border:1px solid #f0dce5}.case-card-head{display:flex;justify-content:space-between;gap:15px}.case-card-head span{font-weight:900;color:#9f3d6b}.case-card-head small{color:#987486}.case-card p{min-height:50px;color:#6f5062;line-height:1.55}.case-card .btn{width:100%}.empty-cases{grid-column:1/-1;padding:24px;text-align:center;border:1px dashed #eebbd0;border-radius:16px;color:#846375;background:#fff8fb}.resolved-cases-wrap{margin-top:17px;border-top:1px solid #f0dce5;padding-top:16px}.resolved-cases-wrap summary{cursor:pointer;font-weight:900;color:#6f475c}.resolved-cases{display:grid;gap:9px;margin:14px 0}.resolved-case{padding:13px 15px;border-radius:13px;background:#faf1f5}.resolved-case span{font-weight:900;color:#8f4566}.resolved-case p{margin:5px 0;color:#775b6a}.resolved-case small{color:#9b7889}
@media(max-width:760px){.active-cases{grid-template-columns:1fr}.date-action-buttons{grid-template-columns:1fr}.date-confirmation-box{margin-bottom:92px}.registry-heading{align-items:flex-start;flex-direction:column}}


/* ===== FINAL LOGIN / LOCKED PROFILE ===== */
body.auth-locked{overflow:hidden}
body.auth-locked > :not(.login-screen):not(.toast):not(.burst-layer){visibility:hidden}
.login-screen{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.92),transparent 28%),linear-gradient(145deg,#fff7fb,#ffddea 52%,#fff4eb);transition:opacity .35s ease,visibility .35s ease}
.login-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}
.login-screen:before,.login-screen:after{content:"🌷";position:absolute;font-size:clamp(70px,12vw,150px);opacity:.16;filter:blur(.2px)}
.login-screen:before{left:5%;bottom:8%;transform:rotate(-12deg)}
.login-screen:after{right:6%;top:9%;transform:rotate(13deg)}
.login-card{position:relative;width:min(470px,100%);padding:42px;border-radius:32px;text-align:center;background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.95);box-shadow:0 30px 90px rgba(111,40,76,.2);backdrop-filter:blur(20px)}
.login-emblem{width:94px;height:70px;margin:0 auto 21px;display:grid;place-items:center;border-radius:22px;color:#fff;background:linear-gradient(135deg,var(--pink),#ed718c);font:800 25px "Playfair Display";box-shadow:0 14px 30px rgba(219,61,126,.24)}
.login-emblem span{color:#fff0f6}
.login-card h1{margin:12px 0 10px;font:800 clamp(34px,6vw,48px)/1.08 "Playfair Display";letter-spacing:-.035em}
.login-card>p{margin:0 auto 24px;color:var(--muted)}
.login-card form{text-align:left;display:grid;gap:10px}
.login-password-row{position:relative}
.login-password-row input{padding-right:55px}
.password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:43px;height:43px;border:0;border-radius:11px;background:#ffe7f0}
.login-error{min-height:19px;margin:0;color:#bc356d;font-size:12px;font-weight:800}
.login-card>small{display:block;margin-top:20px;color:#9b7588}
.locked-profile{display:grid;gap:5px;padding:18px;border-radius:17px;background:linear-gradient(145deg,#fff0f6,#fff9fc);border:1px solid #f1d9e3}
.locked-profile small{font-size:9px;letter-spacing:.14em;color:#a65f7c;font-weight:800}
.locked-profile strong{font:700 24px "Playfair Display"}
.locked-profile span{color:#896a7a;font-size:12px}
.danger-outline{color:#a93c68!important;border-color:#efb8ce!important}
@media(max-width:520px){.login-card{padding:31px 22px;border-radius:25px}}

/* Cloud sync status */
.cloud-status-card{display:flex;align-items:center;gap:12px;padding:14px 15px;margin:14px 0;border:1px solid rgba(218,91,142,.18);border-radius:16px;background:rgba(255,255,255,.72)}
.cloud-status-card strong,.cloud-status-card small{display:block}.cloud-status-card strong{font-size:13px;color:#5f3549}.cloud-status-card small{font-size:11px;color:#987286;margin-top:3px;line-height:1.4}
.cloud-status-dot{width:11px;height:11px;flex:0 0 11px;border-radius:50%;background:#e8b34e;box-shadow:0 0 0 5px rgba(232,179,78,.13)}
.cloud-status-dot[data-state="online"]{background:#55bf84;box-shadow:0 0 0 5px rgba(85,191,132,.14)}
.cloud-status-dot[data-state="error"],.cloud-status-dot[data-state="offline"]{background:#e66d7e;box-shadow:0 0 0 5px rgba(230,109,126,.13)}
.cloud-status-dot[data-state="syncing"]{background:#67aee8;animation:cloudPulse 1.15s infinite}
@keyframes cloudPulse{50%{transform:scale(1.35);opacity:.65}}