@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap";:root{--safii-primary: #f3c5bd;--safii-primary-light: #f8d5cd;--safii-primary-lighter: #fde9e4;--safii-primary-dark: #e8a693;--safii-accent: #ff9b85;--primary-pink-start: #f3c5bd;--primary-pink-end: #ff9b85;--primary-gradient: linear-gradient(135deg, #f3c5bd, #ff9b85);--secondary-gradient: linear-gradient(135deg, #f8d5cd, #fde9e4);--accent-pink: #ff9b85;--soft-pink: #f8d5cd;--background-pink: #fde9e4;--deep-pink: #e8a693;--text-dark: #2D3748;--text-light: #718096;--text-secondary: #A0AEC0;--text-on-pink: #FFFFFF;--white: #FFFFFF;--light-gray: #F7FAFC;--card-background: #FFF5F8;--section-background: var(--background-pink);--border-light: #EDF2F7;--border-primary: var(--soft-pink);--success: #48BB78;--warning: #ED8936;--error: #F56565;--info: var(--accent-pink);--dark-gray-blue: #2D3748;--safii-pink: var(--safii-primary);--safii-orange: var(--accent-pink);--safii-yellow: #FED7D7;--safii-blue: var(--card-background);--safii-green: var(--background-pink);--font-chinese: "Noto Sans TC", sans-serif;--font-english: "Poppins", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-chinese);line-height:1.7;color:var(--text-dark);background-color:var(--white);font-size:16px;letter-spacing:.02em}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.4;margin-bottom:var(--spacing-md);letter-spacing:.01em}h1{font-size:2.8rem;line-height:1.2;margin-bottom:var(--spacing-lg)}h2{font-size:2.2rem;line-height:1.3;margin-bottom:var(--spacing-md)}h3{font-size:1.6rem;line-height:1.4}p{margin-bottom:var(--spacing-md);color:var(--text-light);line-height:1.8}@media (min-width: 769px){p{text-align:left}}@media (max-width: 768px){p{text-align:justify;text-justify:inter-character}}a{color:var(--primary-pink-start);text-decoration:none;transition:var(--transition-fast)}a:hover{opacity:.8}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-sm);font-family:var(--font-chinese);font-weight:500;text-decoration:none;cursor:pointer;transition:var(--transition-normal);font-size:1rem}.btn-primary{background:var(--primary-gradient);color:var(--white);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-outline{background:transparent;color:var(--primary-pink-start);border:2px solid var(--primary-pink-start)}.btn-outline:hover{background:var(--primary-gradient);color:var(--white)}.btn:disabled{background:#ccc;color:#666;cursor:not-allowed;transform:none;box-shadow:none}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}@media (max-width: 768px){.container{padding:0 var(--spacing-sm)}h1{font-size:2rem}h2{font-size:1.5rem}}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-light);transition:var(--transition-normal)}.header-content{display:flex;align-items:center;justify-content:space-between;height:90px}.logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none}.logo-image{height:60px;width:auto;object-fit:contain}.logo-text,.logo h1{font-family:var(--font-english);font-size:1.8rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.nav{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-link{color:var(--text-dark);font-weight:500;padding:var(--spacing-xs) 0;position:relative;transition:var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--primary-pink-start)}.nav-link.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--primary-gradient)}.header-cta{font-size:.9rem;padding:var(--spacing-xs) var(--spacing-md)}.menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:var(--spacing-xs)}.menu-toggle span{width:24px;height:2px;background:var(--text-dark);transition:var(--transition-normal)}@media (max-width: 768px){.nav{position:fixed;top:90px;left:0;right:0;background:var(--white);flex-direction:column;padding:var(--spacing-md);box-shadow:var(--shadow-md);transform:translateY(-100%);opacity:0;visibility:hidden;transition:var(--transition-normal)}.nav-open{transform:translateY(0);opacity:1;visibility:visible}.menu-toggle{display:flex}.header-cta{display:none}.nav-link{width:100%;text-align:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-light)}.nav-link:last-child{border-bottom:none}}.footer{background:var(--dark-gray-blue);color:var(--white);padding:var(--spacing-2xl) 0 var(--spacing-lg);margin-top:var(--spacing-2xl)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-section h3,.footer-section h4{margin-bottom:var(--spacing-md);color:var(--white)}.footer-logo h3{font-family:var(--font-english);font-size:1.8rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-slogan{font-family:var(--font-english);font-style:italic;color:var(--primary-pink-end);margin-bottom:var(--spacing-sm)}.footer-description{color:#b8c0cc;line-height:1.7}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:var(--spacing-xs)}.footer-links a{color:#b8c0cc;transition:var(--transition-fast)}.footer-links a:hover{color:var(--primary-pink-start)}.social-links{display:flex;gap:var(--spacing-sm)}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border-radius:var(--radius-sm);color:#b8c0cc;transition:var(--transition-normal)}.social-link:hover{background:var(--primary-gradient);color:var(--white);transform:translateY(-2px)}.social-description{color:#b8c0cc;font-size:.9rem;line-height:1.5;margin-top:var(--spacing-sm)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1)}.footer-copyright p{color:#b8c0cc;margin:0}.footer-download-links{display:flex;gap:var(--spacing-sm)}.download-link{padding:var(--spacing-xs) var(--spacing-md);background:#ffffff1a;color:#b8c0cc;border-radius:var(--radius-sm);font-size:.9rem;transition:var(--transition-normal)}.download-link:hover{background:var(--primary-gradient);color:var(--white)}@media (max-width: 1024px){.footer-content{grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}}@media (max-width: 768px){.footer{padding:var(--spacing-xl) 0 var(--spacing-lg)}.footer-content{grid-template-columns:1fr;gap:var(--spacing-lg);text-align:center}.footer-bottom{flex-direction:column;gap:var(--spacing-md);text-align:center}.social-links{justify-content:center}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero-background{position:absolute;inset:0;background:var(--primary-gradient);opacity:.1;z-index:-2}.hero-background:before{content:"";position:absolute;top:-50%;right:-20%;width:80%;height:200%;background:radial-gradient(ellipse,rgba(255,124,163,.3) 0%,transparent 70%);z-index:-1}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center;min-height:80vh}.hero-text{z-index:1}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md);color:var(--text-dark)}.english-tagline{font-family:var(--font-english);font-size:3.5rem;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}.subtitle-text{font-family:var(--font-english);font-size:1.2rem;font-weight:400;color:var(--text-light);font-style:italic;display:block;margin-top:var(--spacing-xs)}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.3rem;line-height:1.7;color:var(--text-dark);margin-bottom:var(--spacing-md);max-width:95%;font-weight:500}.hero-description{font-size:1.1rem;line-height:1.6;color:var(--text-light);margin-bottom:var(--spacing-xl);max-width:90%}.hero-actions{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.btn-large{padding:var(--spacing-md) var(--spacing-xl);font-size:1.1rem;font-weight:600}.hero-stats{display:flex;gap:var(--spacing-xl)}.stat{display:flex;flex-direction:column;align-items:center}.stat-number{font-family:var(--font-english);font-size:2rem;font-weight:700;color:var(--primary-pink-start);line-height:1}.stat-label{font-size:.9rem;color:var(--text-light);margin-top:var(--spacing-xs)}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;height:600px}.phone-mockup{width:280px;height:560px;background:linear-gradient(135deg,#333,#111);border-radius:30px;padding:8px;box-shadow:0 20px 40px #0000004d,inset 0 2px 4px #ffffff1a;z-index:2}.phone-screen{width:100%;height:100%;background:var(--white);border-radius:22px;overflow:hidden;position:relative}.app-interface{padding:20px 16px;height:100%;background:linear-gradient(180deg,#f8f9ff,#fff)}.status-bar{height:20px;background:linear-gradient(90deg,#333 80%,#666 80% 85%,#999 85%);border-radius:10px;margin-bottom:24px}.app-header{margin-bottom:32px}.profile-section{display:flex;align-items:center;gap:12px}.profile-pic{width:50px;height:50px;border-radius:50%;background:var(--primary-gradient)}.greeting{display:flex;flex-direction:column}.greeting span:first-child{font-weight:600;color:var(--text-dark);margin-bottom:4px}.status.safe{font-size:.8rem;color:#22c55e;font-weight:500}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:32px}.action-btn{display:flex;flex-direction:column;align-items:center;padding:16px 8px;background:var(--white);border-radius:12px;box-shadow:0 2px 8px #0000001a;text-align:center}.btn-icon{width:24px;height:24px;border-radius:50%;margin-bottom:8px}.emergency .btn-icon{background:linear-gradient(135deg,#ff6b6b,#ff5722)}.fake-call .btn-icon{background:linear-gradient(135deg,#4ecdc4,#26a69a)}.route .btn-icon{background:linear-gradient(135deg,#45b7d1,#1976d2)}.action-btn span{font-size:.7rem;color:var(--text-dark);font-weight:500}.map-preview{height:200px;background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border-radius:12px;position:relative;overflow:hidden}.location-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:var(--primary-pink-start);border-radius:50%;box-shadow:0 0 0 8px #ff7ca34d;animation:pulse 2s infinite}.safe-zone{position:absolute;inset:30%;border:2px dashed #22C55E;border-radius:50%;opacity:.5}.floating-elements{position:absolute;inset:0;pointer-events:none}.floating-card{position:absolute;background:var(--white);padding:12px 16px;border-radius:12px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500;color:var(--text-dark)}.floating-card .icon{font-size:1.2rem}.card-1{top:15%;left:-20%;animation:float 6s ease-in-out infinite}.card-2{top:60%;right:-25%;animation:float 6s ease-in-out infinite 2s}.card-3{bottom:20%;left:-15%;animation:float 6s ease-in-out infinite 4s}@keyframes pulse{0%{box-shadow:0 0 0 8px #ff7ca34d}50%{box-shadow:0 0 0 16px #ff7ca31a}to{box-shadow:0 0 0 8px #ff7ca34d}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width: 1024px){.hero-content{gap:var(--spacing-xl)}.hero-title{font-size:3rem}.phone-mockup{width:240px;height:480px}}@media (max-width: 768px){.hero{min-height:auto;padding:var(--spacing-2xl) 0}.hero-content{grid-template-columns:1fr;gap:var(--spacing-xl);text-align:center}.hero-title{font-size:2.5rem}.hero-subtitle{max-width:100%}.hero-actions{justify-content:center;flex-wrap:wrap}.btn-large{padding:var(--spacing-sm) var(--spacing-lg);font-size:1rem}.hero-visual{height:400px}.phone-mockup{width:200px;height:400px}.floating-card{display:none}}.video-section{padding:var(--spacing-2xl) 0;background:linear-gradient(180deg,transparent 0%,var(--light-gray) 100%)}.video-content{text-align:center;max-width:900px;margin:0 auto}.section-title{font-size:2.5rem;margin-bottom:var(--spacing-md);color:var(--text-dark)}.section-subtitle{font-size:1.2rem;color:var(--text-light);margin-bottom:var(--spacing-2xl)}.video-container{position:relative;width:100%;max-width:800px;margin:0 auto var(--spacing-md);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.video-thumbnail{position:relative;width:100%;height:0;padding-bottom:56.25%;cursor:pointer;overflow:hidden}.thumbnail-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:var(--transition-normal)}.video-overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;transition:var(--transition-normal)}.video-thumbnail:hover .video-overlay{background:#0006}.video-thumbnail:hover .thumbnail-image{transform:scale(1.05)}.play-button{background:none;border:none;cursor:pointer;transition:var(--transition-normal);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.play-button:hover{transform:scale(1.1)}.video-iframe-container{position:relative;width:100%;height:0;padding-bottom:56.25%}.video-iframe-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-info{display:flex;justify-content:center;gap:var(--spacing-md);color:var(--text-light);font-size:.9rem}.video-duration{position:relative}.video-duration:after{content:"·";margin-left:var(--spacing-md);color:var(--text-light)}.video-platform{color:var(--primary-pink-start);font-weight:500}@media (max-width: 768px){.video-section{padding:var(--spacing-xl) 0}.section-title{font-size:2rem}.section-subtitle{font-size:1rem;margin-bottom:var(--spacing-xl)}.play-button svg{width:50px;height:50px}.video-info{flex-direction:column;gap:var(--spacing-xs)}.video-duration:after{display:none}}.features{padding:var(--spacing-2xl) 0;background:var(--section-background)}.features-header{text-align:center;margin-bottom:var(--spacing-2xl)}.section-description{font-size:1.1rem;color:var(--text-light);margin-top:var(--spacing-sm);font-style:italic}.features-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:var(--spacing-lg);margin-top:var(--spacing-2xl)}.primary-feature{grid-column:1 / -1;border:3px solid var(--primary-pink-start);box-shadow:0 8px 32px #f3c5bd4d}.primary-feature .feature-title{font-size:1.8rem;color:var(--text-dark)}.primary-feature .feature-subtitle{font-size:1.1rem;font-weight:600;color:var(--text-dark)}.feature-card{padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-normal);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff80,#ffffff1a);pointer-events:none}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.feature-header{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.feature-icon{width:60px;height:60px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:var(--shadow-md);flex-shrink:0}.feature-title-group{flex:1}.feature-title{font-size:1.4rem;font-weight:600;color:var(--text-dark);margin-bottom:var(--spacing-xs)}.feature-subtitle{font-size:.9rem;color:var(--text-light);font-weight:500;margin:0}.feature-description{color:var(--text-light);line-height:1.7;margin-bottom:var(--spacing-md);text-align:left}.feature-list{list-style:none;padding:0;margin:0 0 var(--spacing-lg) 0}.feature-item{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--text-dark);font-weight:500}.feature-check{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-radius:50%;font-size:.8rem;font-weight:700;flex-shrink:0}.feature-action{position:relative;z-index:1}.feature-btn{display:flex;align-items:center;gap:var(--spacing-xs);background:#fffc;border:2px solid rgba(255,124,163,.3);color:var(--text-dark);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-btn:hover{background:var(--primary-gradient);color:var(--white);border-color:transparent;transform:translate(4px)}.feature-btn svg{transition:var(--transition-fast)}.feature-btn:hover svg{transform:translate(2px)}@media (max-width: 1024px){.features-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.primary-feature .feature-title{font-size:1.6rem}}@media (max-width: 768px){.features{padding:var(--spacing-xl) 0}.features-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.primary-feature{grid-column:1}.primary-feature .feature-title{font-size:1.4rem}.feature-card{padding:var(--spacing-lg)}.feature-header{flex-direction:row;align-items:flex-start;text-align:left;gap:var(--spacing-sm)}.feature-icon{width:50px;height:50px;font-size:1.5rem}.feature-title{font-size:1.2rem}}.feature-media-preview{margin:var(--spacing-md) 0;position:relative;z-index:1}.media-thumbnails{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.media-thumbnail{position:relative;width:80px;height:60px;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:var(--transition-normal);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.media-thumbnail:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.media-thumbnail img,.media-thumbnail video{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-sm)}.video-thumbnail{position:relative;width:100%;height:100%}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;transition:var(--transition-fast)}.media-thumbnail:hover .play-overlay{background:var(--primary-gradient)}.media-title{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;font-size:.7rem;padding:var(--spacing-xs);text-align:center;font-weight:500}.media-count{font-size:.8rem;color:var(--text-light);margin-top:var(--spacing-xs);font-style:italic}.media-modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.media-modal{background:var(--white);border-radius:var(--radius-lg);max-width:90vw;max-height:90vh;overflow:hidden;position:relative;animation:slideUp .3s ease-out;box-shadow:var(--shadow-xl)}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:#000000b3;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:1001;transition:var(--transition-fast)}.modal-close:hover{background:var(--primary-gradient);transform:scale(1.1)}.modal-content{display:flex;flex-direction:column;max-height:90vh}.modal-media{flex:1;display:flex;align-items:center;justify-content:center;background:var(--black);min-height:400px}.modal-media img{max-width:100%;max-height:70vh;object-fit:contain}.modal-info{padding:var(--spacing-lg);background:var(--white)}.modal-title{font-size:1.5rem;font-weight:600;color:var(--text-dark);margin-bottom:var(--spacing-sm)}.modal-description{color:var(--text-light);line-height:1.6;margin:0}@media (max-width: 768px){.media-modal{max-width:95vw;max-height:95vh}.media-thumbnails{gap:var(--spacing-xs)}.media-thumbnail{width:60px;height:45px}.play-overlay{width:24px;height:24px}.play-overlay svg{width:16px;height:16px}.media-title{font-size:.6rem;padding:2px 4px}.modal-info{padding:var(--spacing-md)}.modal-title{font-size:1.2rem}}.cta{position:relative;padding:var(--spacing-2xl) 0;background:var(--dark-gray-blue);overflow:hidden}.cta-background{position:absolute;inset:0;background:radial-gradient(ellipse at top left,rgba(255,124,163,.15) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(255,179,193,.15) 0%,transparent 50%);z-index:1}.cta-content{position:relative;z-index:2;text-align:center;max-width:800px;margin:0 auto}.cta-title{font-size:3rem;font-weight:700;color:var(--white);margin-bottom:var(--spacing-md);line-height:1.2}.cta-subtitle{font-size:1.2rem;color:#b8c0cc;margin-bottom:var(--spacing-xl);line-height:1.7}.cta-actions{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.cta-primary{position:relative;overflow:hidden}.cta-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.cta-primary:hover:before{left:100%}.cta-primary svg{margin-left:var(--spacing-xs);transition:var(--transition-fast)}.cta-primary:hover svg{transform:translateY(-2px)}.cta-badges{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.badge{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);color:var(--white);text-decoration:none;transition:var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge:hover{background:#fff3;transform:translateY(-2px);color:var(--white)}.badge div{display:flex;flex-direction:column;align-items:flex-start}.badge-line1{font-size:.7rem;opacity:.8;line-height:1}.badge-line2{font-size:.9rem;font-weight:600;line-height:1}.cta-stats{display:flex;justify-content:center;gap:var(--spacing-2xl);padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.stat-number{font-family:var(--font-english);font-size:1.8rem;font-weight:700;color:var(--primary-pink-end);line-height:1}.stars{display:flex;gap:2px;color:gold}.stat-label{font-size:.9rem;color:#b8c0cc}@media (max-width: 768px){.cta{padding:var(--spacing-xl) 0}.cta-title{font-size:2.2rem}.cta-subtitle{font-size:1rem;margin-bottom:var(--spacing-lg)}.cta-actions{flex-direction:column;align-items:center;gap:var(--spacing-sm)}.btn-large{width:100%;max-width:280px}.cta-badges{flex-direction:column;align-items:center;gap:var(--spacing-sm)}.badge{width:200px;justify-content:center}.cta-stats{flex-wrap:wrap;gap:var(--spacing-lg)}.stat-item{flex:1;min-width:100px}.stat-number{font-size:1.5rem}}@media (max-width: 480px){.cta-stats{flex-direction:column;gap:var(--spacing-md)}.badge-line1{font-size:.6rem}.badge-line2{font-size:.8rem}}.home,.features-page{margin-top:70px}.features-hero{padding:var(--spacing-2xl) 0;background:linear-gradient(135deg,var(--primary-pink-start),var(--primary-pink-end));color:var(--white);text-align:center}.features-content,.feature-section{padding:var(--spacing-2xl) 0}.feature-section:nth-child(2n){background:var(--light-gray)}.feature-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.reversed .feature-content{direction:rtl}.reversed .feature-text{direction:ltr}.feature-title{font-size:2rem;font-weight:600;color:var(--text-dark);margin-bottom:var(--spacing-md)}.feature-description{font-size:1.1rem;color:var(--text-light);line-height:1.7;margin-bottom:var(--spacing-lg)}.feature-details{list-style:none;padding:0;margin:0}.detail-item{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-weight:500;color:var(--text-dark)}.detail-check{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-radius:50%;font-size:.8rem;font-weight:700;flex-shrink:0}.feature-visual{display:flex;justify-content:center;align-items:center}.feature-image-placeholder{width:400px;height:300px;background:linear-gradient(135deg,var(--light-gray),#f0f0f0);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--border-light);box-shadow:var(--shadow-sm)}.placeholder-icon{font-size:4rem;margin-bottom:var(--spacing-sm);opacity:.7}.placeholder-text{color:var(--text-light);font-weight:500}.feature-image{width:100%;max-width:400px;height:auto;border-radius:var(--radius-lg)}.features-cta{padding:var(--spacing-2xl) 0;background:var(--dark-gray-blue);color:var(--white);text-align:center}.features-cta h2{font-size:2.5rem;margin-bottom:var(--spacing-md);color:var(--white)}.features-cta p{font-size:1.1rem;margin-bottom:var(--spacing-lg);opacity:.9}@media (max-width: 1024px){.feature-content{gap:var(--spacing-xl)}.feature-image-placeholder{width:350px;height:250px}}@media (max-width: 768px){.features-page{margin-top:70px}.page-title{font-size:2.5rem}.page-subtitle{font-size:1rem}.feature-content{grid-template-columns:1fr;gap:var(--spacing-lg);text-align:center}.reversed .feature-content{direction:ltr}.feature-title{font-size:1.5rem}.feature-description{font-size:1rem}.feature-image-placeholder{width:300px;height:200px}.placeholder-icon{font-size:3rem}.features-cta h2{font-size:2rem}}@media (max-width: 480px){.features-hero,.features-content,.feature-section{padding:var(--spacing-xl) 0}.feature-image-placeholder{width:280px;height:180px}}.about-page{margin-top:70px}.about-hero{padding:var(--spacing-2xl) 0;background:linear-gradient(135deg,var(--dark-gray-blue),#3a4149);color:var(--white);text-align:center}.mission-section{padding:var(--spacing-2xl) 0;background:var(--white)}.mission-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.mission-text h2{font-size:2.5rem;margin-bottom:var(--spacing-lg);color:var(--text-dark)}.brand-concept{background:var(--light-gray);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);border-left:4px solid var(--primary-pink-start)}.brand-concept h3{font-family:var(--font-english);font-size:1.3rem;color:var(--primary-pink-start);margin-bottom:var(--spacing-sm);font-style:italic}.concept-explanation{color:var(--text-light);line-height:1.7;margin-bottom:var(--spacing-sm)}.mission-description{font-size:1.1rem;color:var(--text-light);line-height:1.8}.mission-visual{display:flex;justify-content:center}.mission-image-placeholder{width:400px;height:300px;background:linear-gradient(135deg,var(--light-gray),#f0f0f0);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--border-light);box-shadow:var(--shadow-sm)}.values-section{padding:var(--spacing-2xl) 0;background:var(--light-gray)}.section-title{text-align:center;font-size:2.5rem;margin-bottom:var(--spacing-md);color:var(--text-dark)}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.value-card{background:var(--white);padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition-normal)}.value-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.value-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.value-card h3{font-size:1.3rem;margin-bottom:var(--spacing-sm);color:var(--text-dark)}.value-card p{color:var(--text-light);line-height:1.6}.team-section{padding:var(--spacing-2xl) 0;background:var(--white)}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.team-card{background:var(--light-gray);padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;transition:var(--transition-normal)}.team-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.member-avatar{width:80px;height:80px;background:var(--primary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);font-size:2rem;box-shadow:var(--shadow-md)}.member-name{font-size:1.2rem;margin-bottom:var(--spacing-xs);color:var(--text-dark)}.member-role{color:var(--primary-pink-start);font-weight:600;margin-bottom:var(--spacing-sm)}.member-description{color:var(--text-light);line-height:1.6;font-size:.9rem}.timeline-section{padding:var(--spacing-2xl) 0;background:var(--light-gray)}.timeline{max-width:600px;margin:var(--spacing-2xl) auto 0;position:relative}.timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:var(--primary-gradient)}.timeline-item{position:relative;padding-left:60px;margin-bottom:var(--spacing-xl)}.timeline-marker{position:absolute;left:10px;top:0;width:20px;height:20px;background:var(--primary-gradient);border-radius:50%;border:4px solid var(--white);box-shadow:var(--shadow-sm)}.timeline-content{background:var(--white);padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.timeline-year{font-family:var(--font-english);font-size:.9rem;font-weight:600;color:var(--primary-pink-start);background:#ff7ca31a;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.timeline-title{font-size:1.2rem;margin:var(--spacing-sm) 0;color:var(--text-dark)}.timeline-description{color:var(--text-light);line-height:1.6;margin:0}.contact-cta{padding:var(--spacing-2xl) 0;background:var(--dark-gray-blue);color:var(--white);text-align:center}.contact-cta h2{font-size:2.5rem;margin-bottom:var(--spacing-md);color:var(--white)}.contact-cta p{font-size:1.1rem;margin-bottom:var(--spacing-lg);opacity:.9}.cta-actions{display:flex;justify-content:center;gap:var(--spacing-md)}@media (max-width: 768px){.mission-content{grid-template-columns:1fr;gap:var(--spacing-lg);text-align:center}.mission-text h2,.section-title{font-size:2rem}.values-grid,.team-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.timeline{margin:var(--spacing-lg) auto 0}.timeline:before{left:15px}.timeline-item{padding-left:50px}.timeline-marker{left:5px;width:16px;height:16px}.contact-cta h2{font-size:2rem}.cta-actions{flex-direction:column;align-items:center;gap:var(--spacing-sm)}.cta-actions .btn{width:200px}}.download-page{margin-top:70px}.download-hero{padding:var(--spacing-2xl) 0;background:linear-gradient(135deg,var(--white) 0%,var(--light-gray) 100%)}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.hero-text{text-align:left}.page-title{font-size:3rem;font-weight:700;margin-bottom:var(--spacing-md);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:1.2rem;color:var(--text-light);margin-bottom:var(--spacing-xl)}.download-buttons{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.download-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--white);color:var(--text-dark);border:2px solid var(--border-light);border-radius:var(--radius-md);text-decoration:none;transition:var(--transition-normal);box-shadow:var(--shadow-sm);min-width:180px}.download-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-pink-start);color:var(--text-dark)}.download-btn.app-store:hover{background:linear-gradient(135deg,#000,#333);color:var(--white)}.download-btn.google-play:hover{background:linear-gradient(135deg,#4285f4,#34a853);color:var(--white)}.btn-text{display:flex;flex-direction:column;align-items:flex-start}.btn-line1{font-size:.75rem;opacity:.8;line-height:1}.btn-line2{font-size:1rem;font-weight:600;line-height:1}.app-stats{display:flex;gap:var(--spacing-xl)}.stat{display:flex;flex-direction:column;align-items:flex-start}.stat-number{font-family:var(--font-english);font-size:1.5rem;font-weight:700;color:var(--primary-pink-start);line-height:1}.stars{display:flex;gap:2px;color:gold;margin-bottom:var(--spacing-xs)}.stat-label{font-size:.9rem;color:var(--text-light)}.hero-visual{display:flex;justify-content:center;align-items:center}.phone-showcase{position:relative}.phone-mockup{width:260px;height:520px;background:linear-gradient(135deg,#333,#111);border-radius:25px;padding:8px;box-shadow:var(--shadow-lg)}.phone-screen{width:100%;height:100%;background:var(--white);border-radius:18px;overflow:hidden;position:relative}.app-preview{padding:20px 16px;height:100%;background:linear-gradient(180deg,#f8f9ff,#fff)}.status-bar{height:18px;background:linear-gradient(90deg,#333 80%,#666 80% 85%,#999 85%);border-radius:9px;margin-bottom:24px}.welcome-message{text-align:center;margin-bottom:40px}.welcome-message h3{font-size:1.1rem;color:var(--text-dark);margin-bottom:8px}.welcome-message p{font-size:.9rem;color:var(--text-light);margin:0}.quick-setup{display:flex;flex-direction:column;gap:12px}.setup-step{padding:12px 16px;background:var(--light-gray);border-radius:8px;font-size:.8rem;color:var(--text-light);position:relative}.setup-step.active{background:var(--primary-gradient);color:var(--white)}.setup-step.active:before{content:"✓";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-weight:700}.features-preview{padding:var(--spacing-2xl) 0;background:var(--light-gray)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.feature-item{background:var(--white);padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition-normal)}.feature-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.feature-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.feature-title{font-size:1.1rem;margin-bottom:var(--spacing-sm);color:var(--text-dark)}.feature-description{color:var(--text-light);font-size:.9rem;line-height:1.5;margin:0}.screenshots-section{padding:var(--spacing-2xl) 0;background:var(--white)}.screenshots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl)}.screenshot-item{text-align:center}.screenshot-image{width:150px;height:300px;background:linear-gradient(135deg,var(--light-gray),#f0f0f0);border-radius:20px;margin:0 auto var(--spacing-md);display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--border-light);box-shadow:var(--shadow-sm)}.screenshot-image .placeholder-icon{font-size:2rem;margin-bottom:var(--spacing-sm);opacity:.7}.screenshot-image .placeholder-text{color:var(--text-light);font-size:.8rem;font-weight:500}.screenshot-title{font-size:1rem;margin-bottom:var(--spacing-xs);color:var(--text-dark)}.screenshot-description{font-size:.8rem;color:var(--text-light);line-height:1.4;margin:0}.requirements-section{padding:var(--spacing-2xl) 0;background:var(--light-gray)}.platform-tabs{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.tab-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--white);border:2px solid var(--border-light);border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:var(--transition-normal);color:var(--text-dark)}.tab-btn.active{background:var(--primary-gradient);color:var(--white);border-color:transparent}.tab-btn:not(.active):hover{border-color:var(--primary-pink-start)}.requirements-content{max-width:800px;margin:0 auto}.requirements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-lg)}.requirement-item{background:var(--white);padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-sm)}.requirement-item h4{font-size:1rem;margin-bottom:var(--spacing-sm);color:var(--text-dark)}.requirement-item p{font-size:.9rem;color:var(--text-light);margin:0;line-height:1.4}.download-cta{padding:var(--spacing-2xl) 0;background:var(--dark-gray-blue);color:var(--white);text-align:center}.download-cta h2{font-size:2.5rem;margin-bottom:var(--spacing-md);color:var(--white)}.download-cta p{font-size:1.1rem;margin-bottom:var(--spacing-xl);opacity:.9}.final-download-buttons{display:flex;justify-content:center;gap:var(--spacing-lg)}@media (max-width: 1024px){.hero-content{gap:var(--spacing-xl)}.download-buttons{flex-wrap:wrap}.app-stats{flex-wrap:wrap;gap:var(--spacing-lg)}}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;gap:var(--spacing-lg);text-align:center}.page-title{font-size:2.5rem}.download-buttons,.final-download-buttons{flex-direction:column;align-items:center;gap:var(--spacing-sm)}.download-btn{width:200px;justify-content:center}.app-stats{justify-content:center}.phone-mockup{width:220px;height:440px}.section-title{font-size:2rem}.features-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.screenshots-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.platform-tabs{gap:var(--spacing-xs)}.tab-btn{padding:var(--spacing-xs) var(--spacing-md);font-size:.9rem}.requirements-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.download-cta h2{font-size:2rem}}@media (max-width: 480px){.download-hero{padding:var(--spacing-xl) 0}.screenshots-grid,.requirements-grid{grid-template-columns:1fr}.app-stats{flex-direction:column;align-items:center;gap:var(--spacing-md)}.stat{align-items:center;text-align:center}}.contact-page{margin-top:70px}.contact-hero{padding:var(--spacing-2xl) 0;background:linear-gradient(135deg,var(--primary-pink-start),var(--primary-pink-end));color:var(--white);text-align:center}.page-title{font-size:3rem;font-weight:700;margin-bottom:var(--spacing-md)}.page-subtitle{font-size:1.2rem;max-width:600px;margin:0 auto;opacity:.9}.contact-info-section{padding:var(--spacing-2xl) 0;background:var(--light-gray)}.section-title{text-align:center;font-size:2.5rem;margin-bottom:var(--spacing-2xl);color:var(--text-dark)}.section-subtitle{text-align:center;font-size:1.1rem;color:var(--text-light);margin-bottom:var(--spacing-2xl);max-width:600px;margin-left:auto;margin-right:auto}.contact-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl)}.contact-info-card{background:var(--white);padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition-normal)}.contact-info-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.info-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.info-title{font-size:1.2rem;margin-bottom:var(--spacing-sm);color:var(--text-dark)}.info-description{color:var(--text-light);margin-bottom:var(--spacing-md);font-size:.9rem;line-height:1.5}.info-contact{color:var(--primary-pink-start);font-weight:600;text-decoration:none;transition:var(--transition-fast)}.info-contact:hover{opacity:.8}.contact-form-section{padding:var(--spacing-2xl) 0;background:var(--white)}.form-intro h2{font-size:2.2rem;margin-bottom:var(--spacing-md);color:var(--text-dark);font-weight:600}.form-intro>p{color:var(--text-light);font-size:1.1rem;line-height:1.6;margin-bottom:var(--spacing-lg)}.contact-notice{display:flex;align-items:flex-start;gap:var(--spacing-md);background:var(--background-pink);padding:var(--spacing-lg);border-radius:var(--radius-md);border-left:4px solid var(--safii-primary);margin-bottom:var(--spacing-xl)}.notice-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}.notice-content{flex:1}.notice-content strong{display:block;color:var(--text-dark);font-weight:600;margin-bottom:var(--spacing-xs);font-size:1.05rem}.notice-content p{color:var(--text-light);line-height:1.5;margin:0;font-size:.95rem}.notice-content a{color:var(--safii-primary-dark);font-weight:600;text-decoration:none}.notice-content a:hover{text-decoration:underline}.form-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:start}.form-intro h2{font-size:2rem;margin-bottom:var(--spacing-md);color:var(--text-dark)}.form-intro p{color:var(--text-light);line-height:1.7;margin-bottom:var(--spacing-xl)}.contact-details{display:flex;flex-direction:column;gap:var(--spacing-lg)}.contact-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--light-gray);border-radius:var(--radius-md)}.contact-icon{font-size:1.5rem;background:var(--primary-gradient);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-item h4{margin-bottom:var(--spacing-xs);color:var(--text-dark);font-size:1rem}.contact-item p{color:var(--text-dark);font-weight:500;margin-bottom:var(--spacing-xs)}.contact-note{font-size:.8rem;color:var(--text-light)}.contact-form{background:var(--light-gray);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-xs);color:var(--text-dark);font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-light);border-radius:var(--radius-sm);font-family:var(--font-chinese);font-size:1rem;transition:var(--transition-fast);background:var(--white)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-pink-start);box-shadow:0 0 0 3px #ff7ca31a}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--primary-gradient);color:var(--white);border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-sm);font-family:var(--font-chinese);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition-normal);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-md)}.submit-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.submit-btn svg{transition:var(--transition-fast)}.submit-btn:hover svg{transform:translate(2px)}.form-note{font-size:.8rem;color:var(--text-light);line-height:1.5;margin:0}.form-note a{color:var(--primary-pink-start);text-decoration:underline}.social-section{padding:var(--spacing-2xl) 0;background:var(--light-gray)}.social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg)}.social-card{background:var(--white);padding:var(--spacing-lg);border-radius:var(--radius-lg);text-align:center;text-decoration:none;color:var(--text-dark);transition:var(--transition-normal);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.social-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);color:var(--text-dark)}.social-icon{font-size:2.5rem;margin-bottom:var(--spacing-md)}.social-name{font-size:1.1rem;margin-bottom:var(--spacing-sm);color:var(--text-dark)}.social-description{font-size:.9rem;color:var(--text-light);line-height:1.5;margin-bottom:var(--spacing-sm)}.social-arrow{position:absolute;top:var(--spacing-md);right:var(--spacing-md);opacity:0;transition:var(--transition-normal);color:var(--primary-pink-start)}.social-card:hover .social-arrow{opacity:1;transform:translate(4px)}.faq-section{padding:var(--spacing-2xl) 0;background:var(--white)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);max-width:1000px;margin:0 auto}.faq-item{padding:var(--spacing-lg);background:var(--light-gray);border-radius:var(--radius-md);border-left:4px solid var(--primary-pink-start)}.faq-item h4{font-size:1.1rem;margin-bottom:var(--spacing-sm);color:var(--text-dark)}.faq-item p{color:var(--text-light);line-height:1.6;margin:0;font-size:.9rem}@media (max-width: 1024px){.form-content{grid-template-columns:1fr;gap:var(--spacing-xl)}.contact-details{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-md)}.contact-item{flex:1;min-width:280px}}@media (max-width: 768px){.page-title{font-size:2.5rem}.section-title{font-size:2rem}.contact-info-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.contact-details{flex-direction:column}.contact-item{min-width:auto}.social-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.faq-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}}@media (max-width: 480px){.contact-hero,.contact-form-section{padding:var(--spacing-xl) 0}.contact-form{padding:var(--spacing-lg)}.social-grid{grid-template-columns:1fr}.form-intro h2{font-size:1.5rem}.submit-btn{width:100%;justify-content:center}}.faq-page{padding-top:70px}.faq-hero{padding:var(--spacing-2xl) 0 var(--spacing-xl) 0;background:var(--section-background);text-align:center}.faq-content{padding:var(--spacing-2xl) 0;background:var(--white)}.faq-intro{text-align:center;margin-bottom:var(--spacing-2xl)}.faq-intro h2{color:var(--text-dark);margin-bottom:var(--spacing-md)}.faq-intro p{color:var(--text-light);font-size:1.1rem;max-width:600px;margin:0 auto}.faq-list{max-width:800px;margin:0 auto}.faq-item{border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);overflow:hidden;transition:var(--transition-normal);background:var(--white)}.faq-item:hover{box-shadow:var(--shadow-md)}.faq-item.open{border-color:var(--primary-pink-start);box-shadow:0 4px 12px #f3c5bd33}.faq-question{width:100%;padding:var(--spacing-lg);background:none;border:none;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:600;color:var(--text-dark);transition:var(--transition-fast)}.faq-question:hover{background:var(--card-background)}.faq-question span{flex:1;margin-right:var(--spacing-md)}.faq-icon{transition:var(--transition-normal);color:var(--primary-pink-start);flex-shrink:0}.faq-item.open .faq-icon{transform:rotate(180deg)}.faq-answer{padding:0 var(--spacing-lg);max-height:0;overflow:hidden;transition:all var(--transition-normal);background:var(--card-background)}.faq-item.open .faq-answer{max-height:200px;padding:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg)}.faq-answer p{color:var(--text-light);line-height:1.7;margin:0;font-size:1rem}.faq-contact{margin-top:var(--spacing-2xl);text-align:center}.contact-card{background:var(--section-background);padding:var(--spacing-2xl);border-radius:var(--radius-lg);max-width:600px;margin:0 auto}.contact-card h3{color:var(--text-dark);margin-bottom:var(--spacing-sm);font-size:1.5rem}.contact-card p{color:var(--text-light);margin-bottom:var(--spacing-lg);font-size:1.1rem}.contact-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.faq-hero,.faq-content{padding:var(--spacing-xl) 0}.faq-question{padding:var(--spacing-md);font-size:1rem}.faq-answer{padding:0 var(--spacing-md)}.faq-item.open .faq-answer{padding:0 var(--spacing-md) var(--spacing-md) var(--spacing-md)}.contact-card{padding:var(--spacing-xl);margin:0 var(--spacing-md)}.contact-actions{flex-direction:column;align-items:center}.contact-actions .btn{width:100%;max-width:200px}}.privacy-page{padding-top:70px}.privacy-hero{padding:var(--spacing-2xl) 0 var(--spacing-xl) 0;background:var(--section-background);text-align:center}.page-description{font-size:1.1rem;color:var(--text-light);margin-top:var(--spacing-sm);font-style:italic}.privacy-principles{padding:var(--spacing-2xl) 0;background:var(--white)}.principles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.principle-card{background:var(--card-background);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-normal)}.principle-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.principle-icon{font-size:3rem;margin-bottom:var(--spacing-md);display:block}.principle-title{color:var(--text-dark);font-size:1.3rem;margin-bottom:var(--spacing-sm);font-weight:600}.principle-description{color:var(--text-light);margin-bottom:var(--spacing-md);font-weight:500}.principle-details{list-style:none;padding:0;margin:0}.principle-details li{padding:var(--spacing-xs) 0;color:var(--text-light);position:relative;padding-left:var(--spacing-md);line-height:1.6}.principle-details li:before{content:"•";color:var(--primary-pink-start);font-weight:700;position:absolute;left:0}.usage-flow{padding:var(--spacing-2xl) 0;background:var(--light-gray)}.flow-steps{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-xl);max-width:800px;margin-left:auto;margin-right:auto}.flow-step{display:flex;align-items:center;background:var(--white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);position:relative}.step-number{width:60px;height:60px;background:var(--primary-gradient);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0;margin-right:var(--spacing-lg)}.step-content{flex:1}.step-title{color:var(--text-dark);font-size:1.2rem;margin-bottom:var(--spacing-xs);font-weight:600}.step-description{color:var(--text-light);line-height:1.6;margin:0}.step-arrow{color:var(--primary-pink-start);margin-left:var(--spacing-md);opacity:.6}.privacy-commitment{padding:var(--spacing-2xl) 0;background:var(--section-background)}.commitment-content{max-width:800px;margin:0 auto;text-align:center}.commitment-content h2{color:var(--text-dark);margin-bottom:var(--spacing-lg);font-size:2rem}.commitment-text{text-align:left;margin-bottom:var(--spacing-xl)}.commitment-text p{margin-bottom:var(--spacing-md);line-height:1.7;color:var(--text-light);font-size:1.1rem}.commitment-text strong{color:var(--text-dark);font-weight:600}.commitment-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}@media (max-width: 1024px){.flow-steps{max-width:700px}}@media (max-width: 768px){.privacy-hero,.privacy-principles,.usage-flow,.privacy-commitment{padding:var(--spacing-xl) 0}.principles-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.principle-card{padding:var(--spacing-lg)}.flow-step{flex-direction:column;text-align:center;padding:var(--spacing-lg)}.step-number{margin-right:0;margin-bottom:var(--spacing-md)}.step-arrow{margin:var(--spacing-md) 0 0 0;transform:rotate(90deg)}.flow-step:last-child .step-arrow{display:none}.commitment-content{margin:0 var(--spacing-md)}.commitment-actions{flex-direction:column;align-items:center}.commitment-actions .btn{width:100%;max-width:200px}}.App{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}