:root{--green:#79cfa6;--deep:#216b50;--deep-2:#164a39;--mint:#bcebd2;--bg:#f3faf6;--yellow:#ffd66b;--coral:#ff9b73;--text:#20352c;--muted:#6e8179;--line:#dcece4;--red:#e46666;--shadow:0 18px 50px rgba(31,91,65,.09);--shadow-hover:0 24px 60px rgba(31,91,65,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 8% 12%,rgba(121,207,166,.14),transparent 24%),radial-gradient(circle at 90% 85%,rgba(255,214,107,.12),transparent 25%),var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,"Segoe UI","Noto Sans TC",sans-serif;min-height:100vh}a{color:var(--deep);text-decoration:none}button,input,textarea{transition:border-color .2s,box-shadow .2s,transform .2s}
.topbar{min-height:78px;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(47,125,97,.1);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:0 4vw;position:sticky;top:0;z-index:1000;backdrop-filter:blur(18px);box-shadow:0 5px 25px rgba(36,88,66,.05)}.brand{display:flex;gap:11px;align-items:center;font-size:19px;font-weight:850;letter-spacing:-.3px}.brand small{font-size:8px;letter-spacing:2.3px;color:#8ca097;margin-top:-2px}.brand-mark,.icon-bubble{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--deep),var(--green));color:#fff;box-shadow:0 8px 20px rgba(47,125,97,.25);font-size:20px}.main-nav{display:flex;justify-content:center;gap:5px}.main-nav a{padding:10px 14px;border-radius:12px;color:#53675e;font-weight:650}.main-nav a:hover{background:#eaf7f0;color:var(--deep);transform:translateY(-1px)}.account-zone{display:flex;align-items:center;gap:10px}.account-chip{display:flex;align-items:center;gap:9px;padding:6px 10px;border-radius:14px}.account-chip:hover{background:var(--bg)}.account-chip img{width:36px;height:36px;border-radius:50%;object-fit:cover}.account-chip b{font-size:13px}.account-chip small{font-size:10px}.icon-button{width:42px;height:42px;border:0;border-radius:13px;background:#fff0ed;color:#b95645;font-size:18px;cursor:pointer}.icon-button:hover{background:#ffe3dd;transform:translateY(-2px)}
.page{max-width:1500px;margin:auto;padding:34px 4vw 70px}.card{background:rgba(255,255,255,.95);border:1px solid rgba(47,125,97,.1);border-radius:24px;padding:26px;box-shadow:var(--shadow)}.hero{background:linear-gradient(120deg,var(--deep-2),var(--deep) 48%,#64bd8e);color:#fff;border-radius:30px;padding:38px 42px;margin-bottom:26px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;box-shadow:0 20px 55px rgba(30,101,75,.24)}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 85% 25%,rgba(255,255,255,.14) 0 2px,transparent 3px);background-size:23px 23px;mask-image:linear-gradient(90deg,transparent,black)}.hero:after{content:"";position:absolute;width:250px;height:250px;border:40px solid rgba(255,255,255,.07);border-radius:50%;right:10%;top:-120px}.hero h1{font-size:clamp(28px,4vw,48px);line-height:1.15;margin:10px 0;letter-spacing:-1px}.hero p{margin:0;opacity:.86;max-width:700px}.hero.compact h1{font-size:36px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:850;text-transform:uppercase}
.btn{border:0;border-radius:13px;padding:11px 17px;font:inherit;font-weight:750;cursor:pointer;display:inline-flex;gap:8px;align-items:center;justify-content:center}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,var(--deep),#3c9872);color:#fff;box-shadow:0 9px 20px rgba(47,125,97,.2)}.btn.accent{background:linear-gradient(135deg,var(--yellow),#ffbc59);color:var(--text);z-index:1;box-shadow:0 9px 20px rgba(213,153,44,.2)}.btn.ghost{background:#edf8f2;color:var(--deep)}.btn.danger{background:#fff0f0;color:#b73838}.wide-btn{width:100%;padding:13px}.dashboard-grid{display:grid;grid-template-columns:310px 1fr;gap:24px}.filters{max-height:720px;overflow:auto}.filters h3{margin:0 0 12px}.person-choice,.trip-link{display:flex;gap:11px;align-items:center;padding:11px;border-radius:15px;border:1px solid transparent}.person-choice:hover,.trip-link:hover{background:#f0faf5;border-color:#def0e6}.person-choice input{accent-color:var(--deep)}small{display:block;color:var(--muted)}.avatar{width:36px;height:36px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--mint),#def7e9);color:var(--deep);font-weight:850;border:1px solid #a8ddc2}.avatar.big{width:78px;height:78px;font-size:29px;box-shadow:0 9px 22px rgba(53,130,94,.16)}.map-card{padding:0;overflow:hidden}.map-toolbar{min-height:68px;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.map-toolbar span{color:var(--muted);margin-left:8px}#map{height:650px}.people-marker span{width:40px;height:40px;border:4px solid #fff;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--coral),#f57466);color:#fff;font-weight:900;box-shadow:0 5px 16px #38584a66}
.auth-shell{min-height:calc(100vh - 70px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);align-items:center;gap:4vw;max-width:1280px;margin:auto}.auth-art{padding:clamp(45px,7vw,90px);min-height:650px;border-radius:40px;background:linear-gradient(145deg,var(--deep-2),#2c8060 60%,#75cda3);color:#fff;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;box-shadow:0 30px 80px rgba(25,86,62,.25)}.auth-art:before,.auth-art:after{content:"";position:absolute;border-radius:50%;border:45px solid rgba(255,255,255,.07)}.auth-art:before{width:320px;height:320px;right:-130px;top:-120px}.auth-art:after{width:220px;height:220px;left:-130px;bottom:-110px}.auth-art>i{font-size:76px;color:var(--yellow);filter:drop-shadow(0 10px 18px rgba(0,0,0,.15))}.auth-art h1{font-size:clamp(38px,5vw,62px);line-height:1.05;letter-spacing:-2px;margin:20px 0}.auth-art p{font-size:18px;max-width:540px;opacity:.86}.auth-card{padding:clamp(28px,4vw,46px)}.auth-card h2{font-size:36px;letter-spacing:-1px;margin:10px 0 2px}.auth-links{display:flex;justify-content:center;gap:16px;margin-top:20px}.auth-links span{width:1px;background:var(--line)}.auth-switch{text-align:center;margin:20px 0 0}.floating-badge{position:absolute;right:34px;top:34px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.18);padding:8px 13px;border-radius:100px;font-size:11px;letter-spacing:1.5px}.art-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.art-points span{padding:8px 12px;background:rgba(255,255,255,.12);border-radius:100px}.narrow{max-width:520px;margin:8vh auto;text-align:left}.center{text-align:center}.form-card{max-width:740px;margin:0 auto}.form-card.wide{max-width:900px}.form-card h1{margin-top:10px}.form-card label,.auth-card label{display:block;font-weight:700;margin:16px 0;color:#40564c}.form-card label i,.auth-card label i{color:var(--deep);margin-right:3px}input,textarea,select{width:100%;border:1px solid #cfe2d8;background:#fbfefc;border-radius:13px;padding:12px 14px;font:inherit;margin-top:7px;outline:none}input:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 4px #79cfa633;background:#fff}.switch{display:flex!important;gap:10px;align-items:center}.switch input{width:auto;margin:0}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.split{display:grid;grid-template-columns:minmax(340px,470px) 1fr;gap:24px;align-items:start}.search-row,.inline-form,.actions{display:flex;gap:10px;align-items:center}.search-row input{margin:0}.results button{display:block;width:100%;text-align:left;border:0;background:#f7fcf9;padding:11px;border-bottom:1px solid var(--line);cursor:pointer}.location-card{padding:20px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.location-card h3{margin:7px 0}.status{display:inline-block;border-radius:100px;padding:4px 9px;background:#f3eeee;color:#876e6e;font-size:12px}.status.on{background:#def5e8;color:#277454}.photo-row{display:flex;gap:8px}.photo-row img{width:76px;height:76px;object-fit:cover;border-radius:14px}.empty{text-align:center;color:var(--muted);padding:30px}.empty>i{font-size:46px;color:var(--green)}.profile-head{display:flex;align-items:center;gap:16px}.table-wrap{overflow:auto;margin-top:20px;padding:10px 22px 22px}table{border-collapse:collapse;width:100%;min-width:800px}th,td{text-align:left;padding:15px 13px;border-bottom:1px solid var(--line)}th{font-size:11px;letter-spacing:.8px;color:var(--muted);text-transform:uppercase;background:#f8fcfa}tbody tr:hover{background:#f8fcfa}.muted{color:var(--muted)}
.profile-panels{max-width:900px;margin:22px auto;display:grid;grid-template-columns:1fr 1fr;gap:22px}.avatar-preview{width:100px;height:100px;border-radius:50%;object-fit:cover;border:5px solid var(--mint)}.travel-cards{padding:22px;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;max-height:650px;overflow:auto}.travel-cards[hidden]{display:none}.travel-cards article{border:1px solid var(--line);border-radius:18px;padding:18px;background:linear-gradient(145deg,#fff,#f5fcf8)}.travel-cards h3{margin:10px 0 5px}.card-icon{width:42px;height:42px;border-radius:13px;background:var(--mint);display:grid;place-items:center;color:var(--deep);font-size:20px}
.logout-summary{display:grid;gap:10px;text-align:left;margin-top:8px}.logout-summary>div{background:#f4faf7;border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between}.logout-summary span{color:var(--muted)}.logout-summary span i{color:var(--deep);margin-right:7px}.logout-summary .duration{background:linear-gradient(135deg,#e1f6ea,#fff8dc)}.logout-summary strong{font-size:19px;color:var(--deep)}.logout-popup{border-radius:24px!important}
.member-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px}.stat{display:flex;align-items:center;gap:16px;padding:20px}.stat>i{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:#e3f6eb;color:var(--deep);font-size:22px}.stat b{font-size:25px;line-height:1}.role-badge,.protected{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:100px;background:#eff5f2;color:#587066;font-size:12px;font-weight:700}.role-badge.admin,.protected{background:#fff5d5;color:#8a6710}.protected{white-space:nowrap}
.schedule-panel{border:1px solid var(--line);border-radius:18px;padding:18px;background:linear-gradient(145deg,#f5fcf8,#fffdf4);margin:18px 0}.schedule-title{display:flex;gap:12px;align-items:center}.schedule-title>i{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--mint);color:var(--deep);font-size:19px}.schedule-title small{display:block}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.trip-schedule{display:flex;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}.trip-schedule span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.16);padding:7px 11px;border-radius:100px;font-size:13px}
.companion-field{border:1px solid var(--line);border-radius:17px;padding:16px;margin:18px 0;min-width:0}.companion-field legend{padding:0 8px;font-weight:800;color:var(--deep)}.companion-field>p{margin:0 0 10px}.companion-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;max-height:245px;overflow:auto;padding-right:3px}.companion-choice{display:grid!important;grid-template-columns:auto 36px minmax(0,1fr) auto;align-items:center;gap:9px;margin:0!important;padding:9px;border:1px solid var(--line);border-radius:13px;cursor:pointer;min-width:0}.companion-choice:hover{background:#f1faf5}.companion-choice>input{width:16px;height:16px;margin:0}.companion-choice>span:nth-of-type(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:750}.companion-choice .avatar{font-size:15px}.companion-choice>i{margin-left:auto!important;color:#b9c9c1!important}.companion-choice:has(input:checked){border-color:var(--green);background:#eaf8f0;box-shadow:inset 3px 0 var(--deep)}.companion-choice:has(input:checked)>i{color:var(--deep)!important}.empty-inline{font-size:13px;color:var(--muted)}.location-main{min-width:0;flex:1}.companion-summary{display:flex;align-items:center;flex-wrap:wrap;gap:7px;background:#f2faf6;padding:9px 12px;border-radius:13px;margin:10px 0}.companion-summary>span{display:inline-flex;align-items:center;gap:4px}.mini-avatar{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:var(--mint);font-size:10px;font-weight:800}.photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:14px}.photo-gallery figure{margin:0;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff}.photo-gallery img{width:100%;height:120px;object-fit:cover;display:block}.photo-gallery figcaption{padding:9px;display:grid;gap:2px;font-size:11px;color:var(--muted)}.photo-gallery figcaption b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:12px}.multi-upload{display:grid;gap:8px;min-width:210px}.selected-files{display:grid;gap:6px}.selected-file{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#f8fcfa;padding:7px;border-radius:10px;font-size:11px}.selected-file>span{min-width:0;flex:1}.selected-file b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-file>i:last-child{color:var(--deep)}.uploading{padding:14px;text-align:center;background:#eff9f4;border-radius:14px}.uploading[hidden],.upload-submit[hidden],.file-picker[hidden],.selected-files[hidden]{display:none}.uploading b,.uploading small{display:block}.spinner{width:32px;height:32px;border:4px solid #ccebdc;border-top-color:var(--deep);border-radius:50%;display:inline-block;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.hero-actions{display:flex;gap:9px;align-items:center;z-index:2}.hero-actions form{margin:0}.hero-danger{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);color:#fff}.place-search{position:relative;margin-bottom:16px}.place-search .search-row{border:1px solid #cfe2d8;border-radius:14px;padding:0 8px 0 12px;background:#fff}.place-search .search-row>i{color:var(--deep);font-size:17px}.place-search .search-row input{border:0;box-shadow:none;background:transparent}.search-clear{border:0;border-radius:10px;background:#f0f7f3;color:#697c73;padding:8px 10px;display:flex;align-items:center;gap:5px;cursor:pointer;white-space:nowrap}.search-clear:hover{background:#ffeceb;color:#a84747}.search-spinner{width:19px;height:19px;border:3px solid #d4eadf;border-top-color:var(--deep);border-radius:50%;animation:spin .7s linear infinite;flex:0 0 auto}.search-spinner[hidden]{display:none}.search-hint{display:block;margin:6px 4px;color:var(--muted)}.results{position:absolute;left:0;right:0;top:54px;z-index:600;background:#fff;border-radius:15px;box-shadow:0 18px 40px rgba(25,72,53,.18);overflow:hidden;max-height:350px;overflow-y:auto}.results:empty{display:none}.results button{display:grid;grid-template-columns:25px minmax(0,1fr) 22px;align-items:center;gap:8px;width:100%;text-align:left;border:0;background:#fff;padding:11px 13px;border-bottom:1px solid var(--line);cursor:pointer}.results button:hover,.results button.active{background:#eaf8f0}.results button>i{color:var(--deep)}.results button span{min-width:0}.results button b,.results button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-results{padding:18px;text-align:center;color:var(--muted)}.delete-name-hint{background:#fff4e8;border-radius:12px;padding:11px;margin-top:12px}
.log-filters{margin-bottom:18px}.filter-heading,.log-actions{display:flex;align-items:center;justify-content:space-between}.filter-heading{margin-bottom:12px}.filter-heading>span{display:flex;gap:8px;align-items:center}.filter-grid{display:grid;grid-template-columns:1.3fr 1.3fr .8fr 1fr 1fr auto;gap:10px;align-items:end}.filter-grid label{font-size:12px;font-weight:700;color:var(--muted)}.filter-grid input,.filter-grid select{margin-top:5px}.log-actions{margin:16px 2px}.action-code{font:12px ui-monospace,SFMono-Regular,Consolas,monospace;background:#eff6f2;padding:5px 8px;border-radius:8px}.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:22px}.pagination a,.pagination span{min-width:39px;height:39px;padding:0 11px;border-radius:11px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);box-shadow:0 4px 12px rgba(35,86,64,.05)}.pagination a.active{background:var(--deep);color:#fff;border-color:var(--deep)}
.captcha-block{border:1px solid var(--line);border-radius:16px;padding:12px;background:#f7fcf9;margin:16px 0}.captcha-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;color:var(--deep);margin-bottom:8px}.captcha-heading small{font-weight:500}.captcha-row{display:grid;grid-template-columns:190px 40px 1fr;gap:8px;align-items:center}.captcha-row img{width:190px;height:58px;border-radius:10px;border:1px solid #cfe5d9}.captcha-row input{margin:0;height:48px}.captcha-refresh{width:40px;height:40px;border:0;border-radius:11px;background:#e2f3e9;color:var(--deep);cursor:pointer;font-size:17px}.captcha-refresh:hover{transform:rotate(30deg)}.verify-shell{min-height:75vh;display:grid;place-items:center}.verify-card{max-width:530px;text-align:center;padding:42px}.verify-icon{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;margin:0 auto 18px;background:linear-gradient(135deg,var(--deep),var(--green));color:#fff;font-size:34px;box-shadow:0 14px 30px rgba(33,107,80,.22)}.verify-card label{text-align:left;display:block;margin:20px 0;font-weight:750}.verify-card input{text-align:center;font-size:22px;letter-spacing:8px}.challenge-meta{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.challenge-meta span{background:#eff8f3;padding:7px 10px;border-radius:100px;color:var(--deep);font-size:12px}
@media(max-width:1050px){.topbar{grid-template-columns:auto 1fr}.account-zone{grid-column:2;grid-row:1;justify-self:end}.main-nav{grid-column:1/-1;grid-row:2;padding-bottom:9px}.topbar{gap:4px}.dashboard-grid{grid-template-columns:270px 1fr}}
@media(max-width:1100px){.filter-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.topbar{height:auto;padding:12px 4vw}.main-nav{overflow:auto;justify-content:flex-start;width:100%}.main-nav a{white-space:nowrap}.account-chip>span:last-child{display:none}.dashboard-grid,.split,.auth-shell,.profile-panels{grid-template-columns:1fr}.member-stats{grid-template-columns:1fr}.auth-art{display:none}.hero{padding:28px;align-items:flex-start;gap:20px}.two{grid-template-columns:1fr}#map{height:520px}.filters{max-height:none}.page{padding:20px 3vw}.location-card{flex-direction:column}.inline-form{flex-wrap:wrap}.auth-shell{display:block}.auth-card{max-width:560px;margin:5vh auto}.register-shell{display:block}.companion-grid{grid-template-columns:1fr}.multi-upload{width:100%}.filter-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.brand>span:last-child{display:none}.main-nav a{font-size:0}.main-nav a i{font-size:20px}.hero{flex-direction:column}.hero h1{font-size:30px}.map-toolbar{align-items:flex-start;flex-direction:column}.map-toolbar>span{margin:0}.card{border-radius:19px;padding:20px}.logout-summary>div{align-items:flex-start;flex-direction:column;gap:3px}}
@media(max-width:560px){.captcha-row{grid-template-columns:1fr 40px}.captcha-row input{grid-column:1/-1}.captcha-row img{width:100%;object-fit:cover}}

/* Extended security, registration and landing experience */
.page{max-width:1780px;padding-left:clamp(22px,3.2vw,58px);padding-right:clamp(22px,3.2vw,58px)}
.site-footer{max-width:1780px;margin:0 auto;padding:22px clamp(22px,3.2vw,58px);border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.site-footer b{color:var(--deep);letter-spacing:.5px}
.registration-steps{display:flex;align-items:center;justify-content:center;margin:0 0 22px}.registration-steps span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#edf3f0;color:#84968d;font-weight:800;font-size:12px}.registration-steps span.active,.registration-steps span.done{background:var(--deep);color:#fff}.registration-steps span.done:after{content:"✓"}.registration-steps span.done{font-size:0}.registration-steps i{width:35px;height:2px;background:#dbe9e2}.password-strength{background:#f7fbf9;border:1px solid var(--line);border-radius:15px;padding:13px;margin:8px 0 18px}.password-strength>div{height:6px;background:#e5efea;border-radius:10px;overflow:hidden}.password-strength>div span{height:100%;display:block;width:0;transition:.25s;background:#d85c5c}.password-strength>div span.score-2{background:#e5a83c}.password-strength>div span.score-3{background:#35a36f}.password-strength>b{font-size:12px;display:block;margin:7px 0}.password-strength ul{list-style:none;padding:0;margin:0;display:grid;gap:3px;font-size:12px;color:var(--muted)}.password-strength li.ok{color:var(--deep)}.password-strength li i{margin-right:5px}.question-card{width:min(720px,100%)}.security-answer{display:grid!important;grid-template-columns:minmax(230px,1fr) 1fr;align-items:center;gap:18px;border:1px solid var(--line);border-radius:16px;padding:14px;margin:11px 0!important}.security-answer span{display:flex;align-items:center;gap:10px}.security-answer span b{width:30px;height:30px;border-radius:10px;background:var(--mint);display:grid;place-items:center;color:var(--deep)}.security-answer input{margin:0}
.device-manager{max-width:1200px;margin:22px auto}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:12px;margin-top:18px}.device-grid article,.modal-device{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;border:1px solid var(--line);border-radius:16px;padding:14px}.device-grid h3,.device-grid p{margin:0}.device-icon{width:45px;height:45px;border-radius:14px;background:#e7f6ed;display:grid;place-items:center;color:var(--deep);font-size:20px}
.recovery-art{background:linear-gradient(145deg,#153f35,#2a7d60 58%,#75c99e)}.recovery-art>i{color:#ffe070}.recovery-card{position:relative}.recovery-step{display:flex;align-items:center;gap:12px;margin-bottom:12px}.recovery-step>span{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--deep),var(--green));color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(35,105,76,.2)}.recovery-step small,.recovery-step b{display:block}.recovery-step small{font-size:9px;letter-spacing:1.6px;color:var(--green)}.recovery-step b{margin-top:2px}.recovery-notice{display:flex;gap:10px;align-items:flex-start;padding:13px 14px;margin:17px 0;background:#eff9f4;border:1px solid #d3ebdf;border-radius:14px;color:#587066;font-size:12px;line-height:1.55}.recovery-notice i{color:var(--green);font-size:17px}.verified-email{padding:11px 13px;background:#e7f6ed;color:var(--deep);border-radius:13px;font-weight:700}.verified-email i{margin-right:6px}
.brand-mark{overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:cover}.password-field{display:block;position:relative}.password-field input{padding-right:48px}.password-toggle{position:absolute;right:7px;top:14px;width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:var(--deep);cursor:pointer}.password-toggle:hover{background:#e7f6ed}.collapsed-location-form:not(.expanded)>:not(h2):not(input[type=hidden]){display:none}.collapsed-location-form h2{display:flex;align-items:center;justify-content:space-between;margin:0}.collapsed-location-form.expanded h2{margin-bottom:12px}.collapse-toggle{width:38px;height:38px;border:0;border-radius:12px;background:var(--mint);color:var(--deep);cursor:pointer}.location-editor{margin-top:18px;border:1px solid var(--line);border-radius:15px;background:#f8fcfa}.location-editor summary{padding:13px 15px;cursor:pointer;font-weight:800;color:var(--deep);display:flex;justify-content:space-between}.location-editor form{padding:0 16px 16px}.photo-gallery figure{position:relative}.photo-gallery figcaption{position:relative}.photo-delete{position:absolute;right:4px;bottom:3px;width:30px;height:30px;border:0;border-radius:9px;background:#ffe9e6;color:#c34f45;cursor:pointer}.active-session-panel{border:1px solid #bce5cf}.device-icon.live{position:relative}.device-icon.live:after{content:"";position:absolute;right:-2px;top:-2px;width:10px;height:10px;border-radius:50%;background:#38b975;border:3px solid #fff}.user-agent{display:block;max-width:620px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-device small{display:block}.active-session-panel .device-grid article{align-items:start}
.swal2-html-container .password-field{margin:1em 2em 3px}.swal2-html-container .password-field .swal2-input{box-sizing:border-box;margin:0;width:100%}.swal2-html-container .password-toggle{top:8px}
.ip-ban-tools{display:grid;gap:20px}.ip-tool-actions,.export-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ip-tool-actions .inline-form{margin:0;padding:0;border:0;box-shadow:none}.file-picker{display:flex!important;align-items:center;gap:9px;min-width:230px;padding:11px 14px;border:1px dashed #8bc9aa;border-radius:13px;background:#f4fbf7;color:var(--deep);cursor:pointer}.file-picker input{position:absolute;width:1px;height:1px;opacity:0}.file-picker span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.backend-search{display:grid;grid-template-columns:minmax(280px,2fr) minmax(150px,1fr) minmax(170px,1fr) auto;align-items:end;gap:14px}.backend-search label{margin:0}.search-actions{display:flex;gap:8px;flex-wrap:wrap}.advanced-export{position:relative}.advanced-export>summary{list-style:none;cursor:pointer}.advanced-export>summary::-webkit-details-marker{display:none}.advanced-export form{position:absolute;z-index:50;right:0;top:48px;width:min(620px,90vw);padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 20px 55px rgba(22,83,61,.18)}.export-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0 18px}.export-fields label{display:flex;align-items:center;gap:7px;padding:9px;border-radius:10px;background:#f4faf7;font-size:13px}.export-fields input{width:auto}
@media(max-width:900px){.backend-search{grid-template-columns:1fr 1fr}.advanced-export form{left:0;right:auto}.export-fields{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.backend-search{grid-template-columns:1fr}.ip-tool-actions,.ip-tool-actions .inline-form,.export-toolbar{align-items:stretch;flex-direction:column}.ip-tool-actions .btn,.export-toolbar>.btn,.advanced-export,.advanced-export>summary{width:100%}.advanced-export form{position:fixed;left:4vw;right:4vw;top:12vh;width:auto;max-height:76vh;overflow:auto}.export-fields{grid-template-columns:1fr}}
.backend-search.exact-search{display:block}.search-heading,.export-copy{display:flex;align-items:center;gap:13px}.search-heading h2,.export-copy h2{margin:0 0 3px}.search-heading p,.export-copy p{margin:0;color:var(--muted)}.exact-search-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.exact-search .search-actions{justify-content:flex-end;padding-top:16px;border-top:1px solid var(--line)}.export-panel{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:18px 0}.export-panel .export-toolbar{flex:0 0 auto;justify-content:flex-end}.export-panel .advanced-export form{right:0;left:auto}
@media(max-width:1000px){.exact-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.export-panel{align-items:flex-start;flex-direction:column}.export-panel .export-toolbar{width:100%;justify-content:flex-start}.export-panel .advanced-export form{right:auto;left:0}}
@media(max-width:560px){.exact-search-grid{grid-template-columns:1fr}.exact-search .search-actions{align-items:stretch;flex-direction:column}.export-panel .export-toolbar{align-items:stretch;flex-direction:column}.export-panel .export-toolbar>.btn,.export-panel .advanced-export,.export-panel .advanced-export>summary{box-sizing:border-box;width:100%}}
.import-modal{width:min(680px,calc(100vw - 28px));padding:0;overflow:visible}.modal-head{position:relative;display:flex;align-items:center;gap:15px;padding:26px 64px 22px 26px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f0fbf5,#fff)}.modal-head h2,.modal-head p{margin:0}.modal-head p{color:var(--muted);margin-top:4px}.modal-icon{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:16px;background:#dff4e8;color:var(--deep);font-size:25px}.import-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:22px 26px 12px}.import-guide>div{display:flex;gap:9px;padding:13px;border-radius:14px;background:#f5faf7}.import-guide>div>i{color:var(--deep);font-size:19px}.import-guide span,.import-guide small{display:block}.import-guide small{margin-top:3px;color:var(--muted);line-height:1.4}.template-download{margin:4px 26px 2px}.import-modal form{padding:10px 26px 26px}.modal-file-picker{box-sizing:border-box;justify-content:center;width:100%;min-height:108px;margin:12px 0!important;text-align:left}.modal-file-picker>i{font-size:34px}.modal-file-picker span,.modal-file-picker small{display:block}.modal-file-picker small{margin-top:4px;color:var(--muted)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.search-command-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:16px;border-top:1px solid var(--line)}.search-result-hint{display:flex;align-items:center;gap:9px;color:var(--muted)}.search-result-hint i{color:#25835f;font-size:20px}.exact-search .search-command-bar .search-actions{justify-content:flex-end;padding:0;border:0}.excel-btn{background:#e2f5e9;color:#176746}.excel-btn:hover{background:#ccebd8}.search-command-bar .advanced-export form{right:0;left:auto}
@media(max-width:1100px){.search-command-bar{align-items:flex-start;flex-direction:column}.exact-search .search-command-bar .search-actions{justify-content:flex-start;width:100%}.search-command-bar .advanced-export form{right:auto;left:0}}
@media(max-width:600px){.import-modal{max-height:90vh;overflow:auto}.modal-head{align-items:flex-start;padding:22px 54px 18px 20px}.modal-icon{flex-basis:44px;width:44px;height:44px}.import-guide{grid-template-columns:1fr;padding:18px 20px 8px}.template-download{margin:4px 20px}.import-modal form{padding:8px 20px 20px}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}.exact-search .search-command-bar .search-actions{align-items:stretch;flex-direction:column}.search-command-bar .advanced-export,.search-command-bar .advanced-export>summary{box-sizing:border-box;width:100%}}
.export-modal{padding:0;overflow:hidden}.export-modal form{padding:22px 26px 26px}.export-modal .export-fields{margin-top:0}.export-modal .export-fields label{margin:0;font-weight:600}
@media(max-width:600px){.export-modal{max-height:90vh;overflow:auto}.export-modal form{padding:18px 20px}.export-modal .export-fields{grid-template-columns:1fr 1fr}}
.companion-avatar,.mini-avatar{object-fit:cover}.companion-avatar{width:36px!important;height:36px!important}.companion-summary img.mini-avatar{display:block;width:23px;height:23px}.shared-trip-badge{display:inline-flex;align-items:center;gap:8px;padding:11px 15px;border:1px solid rgba(255,255,255,.4);border-radius:14px;background:rgba(255,255,255,.16);font-weight:800}.shared-trip-card{align-self:start;text-align:center}.shared-trip-card .section-icon{margin:auto}.shared-trip-card p{color:var(--muted);line-height:1.75}.map-popup-trip{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:#e6f6ed;color:var(--deep);font-size:11px;font-weight:800}.map-popup h3{margin:9px 0 5px}.map-popup>p{margin:0 0 10px;color:var(--muted)}.map-popup h4{margin:12px 0 7px}.map-popup-time{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:10px;border-radius:12px;background:#f4faf7}.map-popup-time span{display:grid;gap:2px;font-size:11px}.map-popup-time span i{color:var(--deep)}.map-popup-time>i{color:#90a69c}.map-popup-people li small{display:block;color:var(--muted);font-size:10px}.card-people-stack{display:flex;margin-bottom:8px}.card-people-stack img,.card-people-stack>span{width:34px;height:34px;border:3px solid #fff;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:var(--mint);font-size:11px;font-weight:800;margin-left:-8px}.card-people-stack>:first-child{margin-left:0}.travel-cards article>small{display:block;margin-top:5px}
.map-popup-journey+.map-popup-journey{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.map-popup-journey>p{margin:0 0 10px;color:var(--muted)}
@media(max-width:560px){.trip-locations-panel{padding:16px}.locations-heading{align-items:flex-start;gap:10px}.locations-heading h2{font-size:19px}.view-switcher button span{display:none}.location-item>summary{grid-template-columns:30px minmax(0,1fr) auto 18px;padding:13px 10px}.location-summary-text small{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-card{padding:14px 0;gap:12px}.location-actions{display:grid;grid-template-columns:44px 44px 44px;justify-content:start;gap:8px;width:100%}.location-actions>form:not(.multi-upload){width:44px}.location-actions .btn{box-sizing:border-box;display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0}.location-actions .btn span{display:none}.location-actions .btn i{margin:0;font-size:18px}.location-actions .multi-upload{display:grid;grid-template-columns:44px 44px;gap:8px;min-width:0;width:44px}.location-actions .multi-upload:has(.selected-file){grid-column:1/-1;grid-template-columns:minmax(0,1fr) 44px;width:100%}.location-actions .multi-upload:has(.selected-file) .file-picker{display:none!important}.location-actions .selected-files{grid-column:1/-1;min-width:0}.location-actions .uploading{grid-column:1/-1}.location-editor summary{align-items:center;gap:8px;font-size:13px}.photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .btn,.shared-trip-badge{justify-content:center}}

/* Profile */
.profile-shell{max-width:1320px;margin:0 auto}.profile-hero{min-height:260px;padding:38px 42px;display:grid;grid-template-columns:auto minmax(280px,1fr) minmax(260px,340px);align-items:center;gap:28px;color:#fff;background:radial-gradient(circle at 88% 15%,rgba(255,255,255,.15) 0 110px,transparent 111px),linear-gradient(125deg,#123f33,#24775a 62%,#6fc69b);overflow:hidden;position:relative}.profile-hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1.3px,transparent 1.3px);background-size:18px 18px;mask-image:linear-gradient(90deg,transparent 25%,#000);pointer-events:none}.profile-hero>*{position:relative;z-index:1}.profile-avatar-form{margin:0}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.profile-avatar-editor{width:156px;height:156px;margin:0!important;border-radius:44px;display:grid!important;place-items:center;position:relative;cursor:pointer;background:linear-gradient(145deg,#b9efd2,#6dc79c);border:6px solid rgba(255,255,255,.82);box-shadow:0 18px 40px rgba(7,48,34,.3);overflow:visible}.profile-avatar-editor img,.profile-avatar-editor>span:first-child{width:100%;height:100%;border-radius:38px;object-fit:cover;display:grid;place-items:center;font-size:58px;font-weight:850;color:#164f3d}.profile-avatar-editor:after{content:"更換頭像";position:absolute;inset:auto 13px 10px;background:rgba(10,45,35,.72);color:#fff;text-align:center;padding:6px;border-radius:10px;font-size:11px;opacity:0;transform:translateY(5px);transition:.2s}.profile-avatar-editor:hover:after{opacity:1;transform:none}.avatar-edit-badge{position:absolute!important;right:-9px;bottom:-9px;width:45px!important;height:45px!important;border-radius:15px!important;background:var(--yellow)!important;color:#173e32!important;border:4px solid #fff;box-shadow:0 8px 18px rgba(0,0,0,.2);font-size:17px!important}.profile-identity .eyebrow{color:#d2f6e4}.profile-identity h1{font-size:clamp(32px,4vw,48px);margin:5px 0 4px;letter-spacing:-1.5px}.profile-identity>p{margin:0;color:#dff4ea}.profile-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.profile-chips span{padding:8px 12px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.11);border-radius:100px;font-size:12px}.profile-avatar-help{display:flex;gap:13px;align-items:flex-start;padding:18px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.11);border-radius:20px;backdrop-filter:blur(8px)}.profile-avatar-help>i{font-size:24px;color:var(--yellow)}.profile-avatar-help b,.profile-avatar-help small{display:block}.profile-avatar-help small{margin-top:5px;color:#e1f2ea;line-height:1.55}.profile-content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr);gap:22px;margin-top:22px}.profile-form-card,.profile-security-card{max-width:none;margin:0;padding:30px}.section-title{display:flex;align-items:flex-start;gap:14px}.section-title h2{margin:1px 0 3px}.section-title p{margin:0;color:var(--muted)}.section-icon{width:48px;height:48px;flex:0 0 auto;border-radius:15px;display:grid;place-items:center;background:#e3f5eb;color:var(--deep);font-size:21px}.section-icon.amber{background:#fff1c9;color:#8b6810}.profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin-top:15px}.profile-form-card label,.profile-security-card label{display:block;font-weight:700;margin:15px 0;color:#40564c}.profile-form-card label span i,.profile-security-card label span i{color:var(--deep);margin-right:5px}.profile-form-grid .full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;margin-top:8px}.profile-security-card{align-self:start}.profile-security-card .btn{width:100%;justify-content:center;margin-top:12px}.security-hint{display:flex;gap:9px;align-items:flex-start;background:#f4faf7;border-radius:13px;padding:12px;color:#587066;font-size:12px;line-height:1.5}.profile-devices{max-width:none;padding:30px;margin:22px 0 0}.device-bind-form{display:flex;gap:10px;align-items:center}.input-with-icon{position:relative;min-width:280px}.input-with-icon>i{position:absolute;left:14px;top:50%;transform:translateY(-38%);color:var(--green);z-index:1}.input-with-icon input{margin:0;padding-left:39px}.icon-only{width:42px;height:42px;padding:0;display:grid;place-items:center}.profile-devices .device-grid article{background:linear-gradient(145deg,#fff,#f7fcf9)}
@media(max-width:1000px){.profile-hero{grid-template-columns:auto 1fr}.profile-avatar-help{grid-column:1/-1}.profile-content-grid{grid-template-columns:1fr}.device-bind-form{width:100%}.profile-devices .section-heading{align-items:stretch;flex-direction:column}}
@media(max-width:620px){.profile-hero{padding:28px 22px;grid-template-columns:1fr;text-align:center}.profile-avatar-editor{margin:auto!important;width:132px;height:132px}.profile-avatar-help{text-align:left}.profile-chips{justify-content:center}.profile-form-card,.profile-security-card,.profile-devices{padding:22px}.profile-form-grid{grid-template-columns:1fr}.profile-form-grid .full{grid-column:auto}.device-bind-form{display:grid}.input-with-icon{min-width:0}.device-grid{grid-template-columns:1fr}.device-grid article{grid-template-columns:auto minmax(0,1fr)}.device-grid article form{grid-column:1/-1}.device-grid article .btn{width:100%}.form-actions .btn{width:100%;justify-content:center}}
.app-modal{width:min(620px,calc(100vw - 32px));border:0;border-radius:24px;padding:28px;box-shadow:0 25px 80px rgba(14,55,39,.28)}.app-modal::backdrop{background:rgba(14,40,30,.55);backdrop-filter:blur(4px)}.app-modal label{display:block;margin:14px 0;font-weight:700}.modal-close{position:absolute;right:16px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#eef6f2;font-size:22px;cursor:pointer}.modal-device{margin:9px 0}.modal-device>i{font-size:24px;color:var(--deep)}.table-actions,.question-actions{display:flex;gap:7px;align-items:center}.smart-network-form{display:grid;grid-template-columns:1.2fr 1fr 1.2fr auto;gap:13px;align-items:center;margin-bottom:18px}.smart-network-form h2,.smart-network-form p{margin:0}.question-editor{display:grid;grid-template-columns:2fr 1fr 110px auto;gap:10px;margin-bottom:20px}.question-editor input{margin:0}.question-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}.question-list article{position:relative}.question-weight{display:flex;align-items:center;gap:7px;color:var(--deep)}.question-actions{justify-content:flex-end}
.pagination{max-width:100%;overflow-x:auto;padding:5px 2px;margin:24px auto 0;flex-wrap:nowrap}.pagination a,.pagination>span{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.pagination .pagination-gap{border-color:transparent;background:transparent;box-shadow:none}
.landing{margin-top:-34px}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.landing-nav>div{display:flex;align-items:center;gap:10px}.landing-nav>div>a:not(.btn){padding:10px}.landing-hero{min-height:680px;display:grid;grid-template-columns:1.02fr .98fr;gap:5vw;align-items:center;padding:45px 0 70px}.landing-copy h1{font-size:clamp(48px,6vw,86px);line-height:1.02;letter-spacing:-3.5px;margin:20px 0}.landing-copy h1 em{font-style:normal;color:var(--deep)}.landing-copy>p{font-size:18px;color:var(--muted);max-width:690px}.landing-badge{display:inline-flex;gap:8px;align-items:center;background:#e6f6ed;color:var(--deep);padding:8px 13px;border-radius:100px;font-size:11px;font-weight:800;letter-spacing:1.4px}.landing-actions,.landing-proof{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:24px}.landing-actions .btn{padding:14px 20px}.landing-proof{font-size:12px;color:var(--muted)}.landing-proof span{display:flex;gap:5px;align-items:center}.landing-proof i{color:var(--deep)}.landing-visual{min-height:570px;display:grid;place-items:center}.visual-map{width:min(600px,100%);aspect-ratio:1.05;border-radius:48px;background:linear-gradient(145deg,#dff4e7,#fff7d9);position:relative;overflow:hidden;box-shadow:0 40px 90px rgba(35,105,76,.19);border:12px solid rgba(255,255,255,.8)}.map-lines{position:absolute;inset:-20%;background-image:linear-gradient(35deg,transparent 47%,rgba(57,135,100,.16) 48% 50%,transparent 51%),linear-gradient(-25deg,transparent 47%,rgba(57,135,100,.12) 48% 50%,transparent 51%);background-size:100px 80px}.visual-pin{position:absolute;width:50px;height:50px;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);background:var(--coral);display:grid;place-items:center;color:#fff;font-size:22px;box-shadow:0 12px 22px rgba(117,62,47,.25)}.visual-pin i{transform:rotate(45deg)}.pin-a{left:25%;top:22%}.pin-b{right:22%;top:35%;background:var(--deep)}.pin-c{left:43%;bottom:24%;background:#d4a12e}.floating-trip,.floating-security{position:absolute;background:rgba(255,255,255,.93);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.9);box-shadow:0 18px 35px rgba(28,77,57,.15);border-radius:18px;padding:12px;display:flex;align-items:center;gap:10px}.floating-trip{left:5%;bottom:7%}.floating-security{right:4%;top:7%}.trip-photo,.floating-security>i{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;background:var(--mint);color:var(--deep);font-size:20px}.floating-trip small,.floating-security small{display:block}.benefit-strip{display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr 1px 1fr;gap:24px;align-items:center;background:#173f31;color:#fff;border-radius:25px;padding:25px 32px;margin-bottom:95px}.benefit-strip>div{display:grid;text-align:center}.benefit-strip span{font-size:12px;opacity:.68}.benefit-strip>i{height:35px;background:rgba(255,255,255,.16)}.section-intro{text-align:center;max-width:720px;margin:0 auto 36px}.section-intro h2{font-size:clamp(34px,4vw,55px);line-height:1.1;margin:12px}.section-intro p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.feature-grid article{background:#fff;border:1px solid var(--line);border-radius:25px;padding:28px;box-shadow:var(--shadow)}.feature-grid .feature-main{grid-row:span 2;background:linear-gradient(145deg,#1d5d46,#3c9d75);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:40px}.feature-grid h3{font-size:23px;margin:15px 0 7px}.feature-grid p{color:var(--muted)}.feature-main p{color:rgba(255,255,255,.78);font-size:17px}.feature-main>span{font-size:12px;opacity:.7}.feature-icon{width:55px;height:55px;border-radius:17px;background:#dff4e7;color:var(--deep);display:grid;place-items:center;font-size:25px}.feature-icon.coral{background:#ffe2d8;color:#b1533e}.feature-icon.yellow{background:#fff1bd;color:#8a6811}.feature-icon.blue{background:#dceef6;color:#316b83}.landing-cta{margin:100px 0 20px;padding:50px;border-radius:32px;background:linear-gradient(120deg,#193f32,#317c5e);color:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.landing-cta h2{font-size:42px;margin:9px 0}.landing-cta p{opacity:.7}
@media(max-width:1100px){.landing-hero{grid-template-columns:1fr}.landing-visual{min-height:480px}.feature-grid{grid-template-columns:1fr 1fr}.feature-grid .feature-main{grid-column:1/-1;grid-row:auto}.smart-network-form{grid-template-columns:1fr 1fr}.question-editor{grid-template-columns:1fr 1fr}.section-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.site-footer,.landing-nav,.landing-cta{flex-direction:column;gap:14px;text-align:center}.landing-nav>div>a:not(.btn){display:none}.landing-copy h1{font-size:48px;letter-spacing:-2px}.landing-visual{min-height:390px}.benefit-strip{grid-template-columns:1fr 1fr}.benefit-strip>i{display:none}.feature-grid{grid-template-columns:1fr}.feature-grid .feature-main{grid-column:auto}.security-answer{grid-template-columns:1fr}.device-grid{grid-template-columns:1fr}.smart-network-form,.question-editor{grid-template-columns:1fr}.pagination a span{display:none}}