@tailwind base;@tailwind components;@tailwind utilities;:root{--grad: linear-gradient(135deg, #FF6EF5 0%, #5842FF 100%);--bg: #0a0a0a;--bg-1: #0a0a0a;--bg-2: #151515;--bg-3: #111;--text: #999;--text-2: #b3b3b3;--accent: #D357FF;--radius: 12px;--trans: .3s;--shadow-1: 0 4px 12px rgba(0, 0, 0, .4);--shadow-2: 0 8px 20px rgba(0, 0, 0, .5);--border: #222}[data-theme=light]{--bg: #f7f8fa;--bg-1: #fff;--bg-2: #f0f0f0;--bg-3: #e5e5e5;--text: #666;--text-2: #333;--accent: #D357FF;--border: #e5e5e5;--shadow-1: 0 8px 32px rgba(0, 0, 0, .08);--shadow-2: 0 8px 32px rgba(0, 0, 0, .15)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;background:var(--bg);color:var(--text);transition:.3s}.container{max-width:1200px;margin:0 auto}h1,h2,h3{color:#fff;margin:1rem 0}h1{margin:0 0 20px;font-size:2.5rem;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center}p{color:#888}.text{color:#777}.section-title{margin-top:30px;margin-bottom:20px;font-size:1.7rem;text-align:left}.card{background:var(--bg-2);border:1px solid var(--bg-2);border-radius:16px;padding:15px;margin-bottom:15px;transition:all .3s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.card h3{margin:0 0 14px;font-size:18px;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.card-1{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:24px;display:flex;flex-direction:column;justify-content:center;transition:transform var(--trans),box-shadow var(--trans)}.card-2{flex:0 0 320px;height:190px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:24px;display:flex;flex-direction:column;justify-content:center;transition:transform var(--trans),box-shadow var(--trans)}.card-2:hover{transform:translateY(-4px);box-shadow:var(--shadow-2)}.full-width{flex:1 1 100%;max-width:100%;height:240px;margin-top:20px;margin-bottom:20px}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-5px);box-shadow:0 20px 40px #667eea4d}.card1.review{display:flex;flex-direction:row;border:1px solid var(--border);align-items:center;text-align:left;background:var(--bg-2);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-1);transition:var(--trans)}.card1.review:hover{transform:translateY(-5px);box-shadow:var(--shadow-2)}.avatar1{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:15px;margin-right:20px;margin-top:20px}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.5rem}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.grid-5{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0;max-width:1200px;margin:0 auto}img{width:100%;display:block}.hero{aspect-ratio:16/9;position:relative;padding:0!important;margin:-20px -20px 20px;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;background:#000;border-radius:0;overflow:hidden;width:100vw;max-width:none;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.hero .slides{position:absolute;top:0;left:0;width:100%;height:100%}.hero .slide{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;animation:fade 12s infinite;transition:opacity .5s ease-in-out}.hero .slide:nth-child(1){animation-delay:0s}.hero .slide:nth-child(2){animation-delay:4s}.hero .slide:nth-child(3){animation-delay:8s}@keyframes fade{0%,33.33%{opacity:1}36.66%,to{opacity:0}}.flex{display:flex;gap:1rem;align-items:center}.flex img{width:30%;border-radius:5px}.flex .text{flex:1}.circle{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid transparent;background:var(--grad) padding-box,border-box}.price{color:#ff4d4f;font-weight:700}.map{height:160px;background:#222;border-radius:var(--radius)}.btn{display:inline-block;padding:.6rem 1.1rem;background:#fff;color:#000;border:none;border-radius:50px;font-weight:700;cursor:pointer;transition:var(--trans)}.btn:hover{opacity:.9;transform:translateY(-1px)}.thumb-track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 0}.thumb-track::-webkit-scrollbar{display:none}.thumb-track{-ms-overflow-style:none;scrollbar-width:none}.thumb{flex:0 0 30%;min-width:0;aspect-ratio:1 / 1;scroll-snap-align:start;border-radius:6px;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.text-center{text-align:center}.breakline{margin-top:50px;margin-bottom:50px;color:gray}.box50size{margin:50px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:22px}.row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:15px}.row label{display:flex;align-items:center;width:100%;justify-content:space-between}.row label span{white-space:nowrap;flex:1}input[type=number]{width:100px;text-align:right;border:1px solid var(--border);border-radius:6px;padding:4px 8px;background:transparent;color:var(--text);font-weight:700;font-size:18px;-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.result{font-weight:700;font-size:20px;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.break-even{color:#ff4d4f}.safe{color:#00c851}.danger{color:#f44}select{margin-left:6px;padding:4px 8px;border-radius:6px;border:1px solid var(--border);background:var(--bg-2);color:var(--text)}button{background:#333;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:14px;margin-top:10px}button:hover{opacity:.7}.label-with-tip{position:relative;display:inline-block;padding-right:16px}.info-icon{position:absolute;right:0;cursor:pointer;font-size:12px;color:#1890ff}h2{font-size:18px;font-weight:600;margin-bottom:8px;color:var(--accent)}.big{font-size:32px;font-weight:700;color:var(--text-2)}.label{font-size:14px;color:var(--text)}.list{display:flex;justify-content:space-between;font-size:14px;margin-top:4px}canvas{max-height:100%;width:100%!important}.aspect-16-9{aspect-ratio:16/9;width:100%;object-fit:cover;overflow:hidden;border-radius:8px}.aspect-16-9 img{width:100%;height:100%;object-fit:cover;display:block}.video-bg-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.video-bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;z-index:2}.profit-input-grid,.card-grid,.mobile-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.reviews-grid-container{display:flex;flex-direction:column;gap:.5rem}.reviews-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.customer-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 768px){.hero{aspect-ratio:16/9;margin:-20px -20px 20px}.hero .slide{aspect-ratio:16/9;object-fit:cover}.grid-5{grid-template-columns:repeat(2,1fr);gap:15px}.avatar1{width:60px;height:60px}.profit-input-grid{grid-template-columns:1fr;gap:.75rem}.card-grid,.mobile-grid-2,.customer-cards-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.reviews-grid-2{grid-template-columns:repeat(2,1fr);gap:.5rem}.card1.review h3{font-size:.85rem;line-height:1.3}.card1.review .avatar1{width:50px;height:50px;margin-right:12px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}