html{scroll-behavior:smooth}body{margin:0;min-width:320px;background-color:#fff}#root{width:100%}:root{--primary: #30b7b2;--primary-dark: #279e99;--primary-light: #4fccc8;--text-dark: #111827;--text-gray: #6b7280;--text-light: #9ca3af;--bg-light: #f9fafb;--bg-white: #ffffff;--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius: 12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-dark);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-size:16px;font-weight:600;border-radius:8px;text-decoration:none;transition:all .2s ease;cursor:pointer;border:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.btn-white{background:#fff;color:var(--primary)}.btn-white:hover{background:var(--bg-light);transform:translateY(-1px)}.btn-large{padding:16px 32px;font-size:18px}.btn-block{width:100%}.header{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;box-shadow:var(--shadow)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.header .logo{height:50px}.nav{display:flex;gap:32px}.nav a{color:var(--text-gray);text-decoration:none;font-weight:500;transition:color .2s}.nav a:hover{color:var(--primary)}.hero{padding:160px 0 80px;background:linear-gradient(135deg,#f0fdfc,#e0f7f6)}.hero .container{display:flex;align-items:center;gap:60px}.hero-content{flex:1}.hero h1{font-size:48px;font-weight:800;line-height:1.2;margin-bottom:24px;color:var(--text-dark)}.hero h1 span{color:var(--primary)}.hero p{font-size:18px;color:var(--text-gray);margin-bottom:32px;max-width:500px}.hero .slogan{font-size:24px;font-weight:500;color:var(--text-dark);margin-bottom:16px}.hero .slogan strong{color:var(--primary);font-weight:700}.hero-buttons{display:flex;gap:16px}.hero-image{flex:0 0 300px}.hero-image img{width:100%;height:auto;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.features{padding:100px 0;background:var(--bg-white)}.features h2{text-align:center;font-size:36px;font-weight:700;margin-bottom:60px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-card{padding:32px;background:var(--bg-light);border-radius:var(--radius);transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.feature-icon{width:56px;height:56px;background:var(--primary);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.feature-icon svg{width:28px;height:28px;stroke:#fff}.feature-card h3{font-size:20px;font-weight:600;margin-bottom:12px}.feature-card p{color:var(--text-gray);font-size:15px}.pricing{padding:100px 0;background:var(--bg-light)}.pricing h2{text-align:center;font-size:36px;font-weight:700;margin-bottom:12px}.pricing-subtitle{text-align:center;color:var(--text-gray);font-size:18px;margin-bottom:60px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:80px}.pricing-card{background:var(--bg-white);border-radius:var(--radius);padding:40px 32px;box-shadow:var(--shadow);position:relative;transition:all .3s ease}.pricing-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.pricing-card.featured{border:3px solid var(--primary);transform:scale(1.05)}.pricing-card.featured:hover{transform:scale(1.05) translateY(-5px)}.featured-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--primary);color:#fff;padding:6px 20px;border-radius:20px;font-size:14px;font-weight:600}.pricing-header{text-align:center;margin-bottom:32px}.pricing-header h3{font-size:24px;font-weight:700;margin-bottom:16px}.price{display:flex;align-items:baseline;justify-content:center}.currency{font-size:24px;font-weight:600;color:var(--primary)}.amount{font-size:56px;font-weight:800;color:var(--primary);line-height:1}.period{font-size:18px;color:var(--text-gray);margin-left:4px}.pricing-features{list-style:none;margin-bottom:32px}.pricing-features li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #eee;font-size:15px}.pricing-features li:last-child{border-bottom:none}.pricing-features li svg{width:20px;height:20px;stroke:var(--primary);flex-shrink:0}.pricing-features li.disabled{color:var(--text-light)}.pricing-features li.disabled svg{stroke:var(--text-light)}.stamps-section{text-align:center;margin-bottom:40px}.stamps-section h3{font-size:28px;font-weight:700;margin-bottom:12px}.stamps-section>p{color:var(--text-gray);margin-bottom:32px}.stamps-grid{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.stamp-card{background:var(--bg-white);border-radius:var(--radius);padding:24px;min-width:150px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px;transition:all .3s ease}.stamp-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.stamp-card.highlight{background:var(--primary);color:#fff}.stamp-name{font-weight:700;font-size:18px}.stamp-qty{font-size:14px;opacity:.8}.stamp-price{font-size:24px;font-weight:800;color:var(--primary)}.stamp-card.highlight .stamp-price{color:#fff}.stamp-note{font-size:12px;opacity:.8}.extra-users{text-align:center;padding:24px;background:var(--bg-white);border-radius:var(--radius);box-shadow:var(--shadow)}.extra-users strong{color:var(--primary)}.cta{padding:100px 0;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);text-align:center}.cta h2{color:#fff;font-size:40px;font-weight:700;margin-bottom:16px}.cta p{color:#ffffffe6;font-size:20px;margin-bottom:32px}.contact{padding:80px 0;background:var(--bg-white)}.contact h2{text-align:center;font-size:36px;font-weight:700;margin-bottom:48px}.contact-grid{display:flex;justify-content:center}.contact-info h3{font-size:24px;margin-bottom:12px}.contact-info>p{color:var(--text-gray);margin-bottom:32px}.contact-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-light);border-radius:8px;margin-bottom:16px}.contact-item svg{width:24px;height:24px;stroke:var(--primary)}.contact-item span{font-size:16px;font-weight:500}.footer{padding:40px 0;background:var(--text-dark)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:16px}.footer-logo{height:40px;filter:brightness(0) invert(1)}.footer p{color:#fff9;font-size:14px}.social-links{display:flex;gap:20px;margin-bottom:8px}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border-radius:50%;color:#fff;transition:all .3s ease}.social-links a:hover{background:var(--primary);transform:translateY(-3px)}.social-links svg{width:20px;height:20px}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.pricing-card.featured{transform:none}.pricing-card.featured:hover{transform:translateY(-5px)}}@media(max-width:768px){.nav{display:none}.hero .container{flex-direction:column;text-align:center}.hero h1{font-size:36px}.hero p{margin-left:auto;margin-right:auto}.hero-buttons{flex-direction:column}.hero-image{flex:0 0 auto;width:200px}.features-grid{grid-template-columns:1fr}.stamps-grid{flex-direction:column;align-items:center}.stamp-card{width:100%;max-width:300px}}