*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}:root{--primary: #d4a373;--primary-dark: #b5835a;--accent: #e8c4c4;--text-dark: #2d2d2d;--text-light: #555;--background: #faf7f3;--soft-border: #e9ded5;--gold: #d4af37;--gold-dark: #b5892b;--footer-bg: #fbf7ef;--card-shadow: rgba(0, 0, 0, .12);--transition: .3s ease}body{background:var(--background);padding-top:70px}.header{position:fixed;top:0;left:0;width:100%;height:60px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid var(--soft-border);box-shadow:0 2px 10px #0000000a;z-index:1000}.logo{display:flex;align-items:center}.logo img{height:150px;width:auto;cursor:pointer}.header .nav a{margin-left:20px;text-decoration:none;font-weight:500;color:#444;transition:.2s}.header .nav a:hover{color:var(--primary)}.home{padding-top:10px}.hero{position:relative;max-width:1300px;margin:auto;padding:30px 40px 80px;display:flex;align-items:center;gap:60px;flex-wrap:wrap}.hero-ornament{position:absolute;width:150px;height:150px;background:url(/ornament-gold.png) no-repeat center/contain;opacity:.25}.hero-ornament.left{top:10px;left:10px}.hero-ornament.right{bottom:10px;right:10px}.hero-left{flex:1 1 450px}.hero-left h1{font-size:3.2rem;font-weight:800;line-height:1.2;color:var(--text-dark)}.hero-left h1 span{color:var(--primary);display:block;margin-top:10px}.hero-left p{margin-top:20px;font-size:1.2rem;color:#6a6868;max-width:500px}.hero-buttons{margin-top:35px;display:flex;gap:15px}.btn-primary{background:var(--gold);padding:14px 28px;color:#000;border-radius:10px;text-decoration:none;font-weight:600;box-shadow:0 4px 12px var(--card-shadow);transition:var(--transition)}.btn-primary:hover{background:var(--gold-dark);transform:translateY(-3px)}.btn-secondary{border:2px solid var(--soft-border);padding:14px 28px;border-radius:10px;text-decoration:none;color:var(--text-dark);font-weight:600;transition:var(--transition)}.btn-secondary:hover{background:#f7f1eb}.hero-right{flex:1 1 400px;display:flex;justify-content:center}.hero-right img{width:100%;max-width:420px;border-radius:20px;box-shadow:0 15px 30px #0000002e;animation:float 4s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.features{background:#fff5f0;padding:80px 40px}.features h2{text-align:center;font-size:2.4rem}.features .subtitle{text-align:center;color:var(--text-light);margin-top:8px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;max-width:1100px;margin:auto}.feature-box{text-align:center;padding:25px;background:#fff;border-radius:12px;box-shadow:0 4px 12px var(--card-shadow);transition:.3s ease}.feature-box:hover{transform:translateY(-6px)}.feature-box h3{font-size:1.25rem;color:var(--primary-dark);font-weight:700}.feature-box p{margin-top:8px;color:var(--text-light)}.templates{padding:80px 40px}.templates h2{text-align:center;font-size:2.4rem}.templates .subtitle{text-align:center;color:#666;margin-top:8px}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;max-width:1100px;margin:auto}.template-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 18px var(--card-shadow);transition:.3s ease;border-bottom:4px solid var(--gold)}.template-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #0000002e}.template-card img{width:100%;display:block}.card-footer{padding:18px;background:var(--footer-bg);border-top:1px solid var(--soft-border);display:flex;justify-content:space-between;align-items:center}.card-footer h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-dark)}.card-btn{background:var(--gold);border:none;padding:10px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:var(--transition)}.card-btn:hover{background:var(--gold-dark)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;padding:20px}.card{background:#fff;border-radius:14px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #0000001a}.card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000002e}.thumb{width:100%;height:170px;object-fit:cover}.card-title{padding:15px;font-size:1.1rem;font-weight:600;color:#333}.form-page{display:flex;flex-wrap:wrap;gap:30px;max-width:1100px;margin:auto;padding:20px}.video-box,.form-box{background:#fff;padding:20px;border-radius:12px;flex:1 1 450px;box-shadow:0 4px 12px #00000014}.section-title{font-size:26px;font-weight:700;margin-bottom:8px}.section-sub{font-size:14px;color:#7a6f60;margin-bottom:24px}.form{display:flex;flex-direction:column;gap:15px}.form-input{width:100%;padding:18px;border-radius:14px;border:1px solid #e3d6c4;background:#f8f4ee;font-size:16px;transition:all .25s ease}.form-input:focus{outline:none;border-color:#c9a23f;background:#fff;box-shadow:0 0 0 3px #c9a23f26}textarea{resize:vertical;height:120px}.btn{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:14px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:10px;transition:.2s ease}.btn:hover{opacity:.9;transform:translateY(-2px)}@media(max-width:768px){iframe{height:200px!important}.hero{padding:60px 20px}.hero-left h1{font-size:2.4rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.form-progress{display:flex;justify-content:space-between;margin-bottom:25px;position:relative}.form-progress:before{content:"";position:absolute;top:50%;left:0;height:4px;width:100%;background:#e6d8c7;transform:translateY(-50%);border-radius:4px}.form-progress-fill{position:absolute;top:50%;left:0;height:4px;background:linear-gradient(90deg,var(--gold),var(--gold-dark));transform:translateY(-50%);border-radius:4px;transition:width .4s ease}.step-circle{width:34px;height:34px;background:#fff;border:2px solid var(--gold);color:var(--gold-dark);border-radius:50%;font-weight:700;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.step-circle.active{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#fff;transform:scale(1.12);box-shadow:0 4px 10px #d4af3766}.form,.summary-box,.payment-box{animation:slideFade .35s ease}@keyframes slideFade{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}input,textarea{background:#fefbf6!important;border:1px solid #e4d6c7;border-radius:10px;padding:14px;font-size:1.05rem}input:focus,textarea:focus{border-color:var(--gold);background:#fffdfa;box-shadow:0 0 0 3px #d4af3740;outline:none}.radio-option{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:12px;border:1px solid #e3d6c4;background:#f8f4ee;margin-bottom:12px;cursor:pointer;transition:all .2s ease}.radio-option:hover{background:#f3eadc}.radio-option input{margin-right:12px}.option-text{flex:1;font-weight:500}.option-price{font-weight:600}input[type=file]{padding:10px;border:2px dashed #d9c7b3;background:#fffaf1;cursor:pointer}input[type=file]:hover{border-color:var(--gold);background:#fffbf3}.upload-section{margin-bottom:28px}.upload-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.upload-label{font-weight:600;font-size:15px}.optional{font-size:12px;color:#7a6f60;margin-left:4px}.upload-price{font-weight:600}.file-upload-box{display:block;padding:18px;border:2px dashed #d8c5a9;border-radius:14px;text-align:center;background:#f8f4ee;cursor:pointer;transition:all .25s ease}.file-upload-box:hover{background:#f3eadc;border-color:#c9a23f}.file-preview{display:flex;justify-content:space-between;align-items:center;background:#f8f4ee;border:1px solid #e3d6c4;padding:14px 18px;border-radius:14px}.file-name{font-size:14px}.remove-btn{background:none;border:none;color:#c94f4f;font-weight:600;cursor:pointer}.remove-btn:hover{text-decoration:underline}.error{color:#c94f4f;font-size:13px;margin-top:6px}.summary-box{background:#fffdf8;border:1px solid #e5d7c8;border-radius:14px;padding:25px;box-shadow:0 8px 20px #d4af371f}.summary-box ul li{font-size:1.05rem;padding:10px 0;border-bottom:1px dashed #e9dccc}.btn{background:linear-gradient(135deg,#d4af37,#b9922f);font-size:1.1rem;padding:15px;border-radius:10px}.btn:hover{opacity:1;transform:translateY(-3px);box-shadow:0 6px 16px #d4af3780}.btn-secondary{border-color:var(--gold);color:var(--gold-dark);padding:13px 16px}.btn-secondary:hover{background:#fff7e9}.form-box{padding:30px}.label{font-size:1.15rem;margin-top:10px}.form-buttons{width:100%;display:flex;justify-content:space-between;margin-top:25px}.total-bar{background:linear-gradient(135deg,#f8f4ee,#f2e7d7);border:1px solid #e5d8c7;border-radius:14px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.total-label{font-size:14px;font-weight:600;margin:0}.total-note{font-size:12px;color:#7a6f60;margin:2px 0 0}.total-price{font-size:22px;font-weight:700}.btn-secondary{border:2px solid var(--gold);background:#fff;color:var(--gold-dark);padding:12px 20px;border-radius:10px;font-weight:600}.btn-secondary:hover{background:#fffaf1}.price-card{margin-top:20px;padding:16px;background:#fff;border-radius:14px;box-shadow:0 8px 24px #00000014;position:sticky;top:20px}.price-card h3{margin-bottom:12px;font-size:16px;font-weight:600;color:#222}.price-row{display:flex;justify-content:space-between;font-size:14px;padding:6px 0;color:#555}.price-divider{height:1px;background:#eee;margin:10px 0}.price-total{display:flex;justify-content:space-between;font-size:16px;font-weight:700;color:#000}@media(max-width:768px){.price-card{position:relative;top:unset;margin-bottom:20px}}.admin-layout{padding:10px;margin-bottom:10px;cursor:pointer;border-radius:6px;background:#fff}.order-card:hover{background:#f0f0f0}.order-card.active{border-color:#0070f3;background:#eef6ff}.order-id{font-size:12px;color:#555}.order-status{font-weight:700}.order-total{color:green}.admin-content{flex:1;padding:24px;overflow-y:auto}.admin-section{margin-bottom:24px;border-bottom:1px solid #eee;padding-bottom:12px}.admin-section h3{margin-bottom:8px}.admin-section img{max-width:200px;display:block;margin-bottom:8px}.admin-actions button{margin-right:10px;padding:8px 14px;border:none;cursor:pointer;border-radius:4px}.admin-actions button:first-child{background:orange;color:#fff}.admin-actions button:last-child{background:green;color:#fff}.admin-page{padding:30px;max-width:1100px;margin:auto;font-family:Arial,sans-serif}.admin-loading{padding:40px;text-align:center}.order-card{border:1px solid #ddd;border-radius:10px;padding:20px;margin-bottom:20px;background:#fff}.order-header{display:flex;justify-content:space-between;align-items:center}.status{padding:5px 10px;border-radius:20px;font-size:12px;text-transform:uppercase}.status.CREATED{background:#eee}.status.PAID{background:#d4edda;color:#155724}.status.IN_PROGRESS{background:#fff3cd}.status.DELIVERED{background:#cce5ff}.order-section{margin-top:15px}.order-section h4{margin-bottom:5px}.order-section p{margin:3px 0}.order-section a{display:inline-block;margin-right:10px;color:#06c}.order-actions{margin-top:15px}.order-actions button{margin-right:10px;padding:8px 14px;border:none;border-radius:6px;cursor:pointer}.order-actions button:first-child{background:#ffc107}.order-actions button:last-child{background:#28a745;color:#fff}.order-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.order-card{border:1px solid #ddd;border-radius:10px;overflow:hidden;background:#fff}.order-summary{padding:14px;display:flex;justify-content:space-between;cursor:pointer;background:#f9f9f9}.order-summary:hover{background:#f1f1f1}.order-id{font-size:12px;color:#777}.order-meta{text-align:right}.amount{display:block;font-weight:700}.order-details{padding:14px;border-top:1px solid #ddd}.order-details section{margin-bottom:12px}.admin-actions button{margin-right:8px;padding:6px 12px}.stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid #ddd;border-radius:10px;padding:16px}.stat-card h4{margin:0;font-size:14px;color:#666}.stat-card p{font-size:22px;font-weight:700;margin-top:6px}.filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.filters input,.filters select{padding:8px 10px;border-radius:6px;border:1px solid #ccc}.success-wrapper{max-width:900px;margin:40px auto;padding:20px;font-family:system-ui,sans-serif}.success-header{text-align:center;margin-bottom:30px}.checkmark{width:60px;height:60px;margin:0 auto 10px;border-radius:50%;background:#22c55e;color:#fff;font-size:32px;display:flex;align-items:center;justify-content:center}.card{background:#fff;border-radius:10px;padding:20px;margin-bottom:20px;box-shadow:0 8px 20px #0000000f}.card h3{margin-bottom:15px}.row:last-child{border-bottom:none}.badge{padding:4px 10px;border-radius:6px;font-size:12px;text-transform:uppercase}.badge.PAID{background:#dcfce7;color:#166534}.invoice-preview{width:100%;height:400px;border:1px solid #eee;border-radius:6px;margin-bottom:15px}.muted{background:#f9fafb}.loading,.error{text-align:center;margin-top:40px}.success-page{max-width:900px;margin:40px auto;padding:20px}.card{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 6px 20px #0000000f}.row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed #eee}.badge.paid{background:#d1fae5;color:#065f46;padding:4px 10px;border-radius:6px;font-size:13px}.invoice-box{border:1px solid #eee;border-radius:8px;padding:16px;margin-bottom:16px}.invoice-header{display:flex;justify-content:space-between;margin-bottom:12px}.invoice-table{width:100%;border-collapse:collapse}.invoice-table th,.invoice-table td{padding:10px 0;border-bottom:1px solid #f0f0f0}.invoice-total{text-align:right;margin-top:12px;font-size:18px}.logout-btn{padding:8px 14px;border-radius:6px;background:#e53935;color:#fff;border:none;cursor:pointer}.logout-btn:hover{background:#c62828}.login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e1e2f,#2c2c44)}.login-card{width:100%;max-width:360px;background:#fff;padding:32px;border-radius:12px;box-shadow:0 20px 40px #0003;text-align:center}.login-card h2{margin-bottom:4px;font-size:22px}.subtitle{color:#666;margin-bottom:24px;font-size:14px}.login-card input{width:100%;padding:12px;margin-bottom:14px;border-radius:6px;border:1px solid #ddd;font-size:14px}.login-card input:focus{outline:none;border-color:#4f46e5}.login-card button{width:100%;padding:12px;background:#4f46e5;color:#fff;border:none;border-radius:6px;font-size:15px;cursor:pointer;margin-top:10px}.login-card button:hover{background:#4338ca}.login-card button:disabled{opacity:.7;cursor:not-allowed}.error{background:#fee2e2;color:#b91c1c;padding:8px;border-radius:6px;font-size:13px;margin-bottom:12px}.admin-page{max-width:1100px;margin:0 auto;padding:24px}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-bottom:1px solid #eee}.admin-left{display:flex;align-items:center;gap:24px}.admin-left h2{margin:0;font-size:20px}.admin-nav{display:flex;gap:16px}.admin-nav a{text-decoration:none;color:#555;font-weight:500;padding-bottom:4px}.admin-nav a.active{color:#000;border-bottom:2px solid #000}.logout-btn{background:#e53935;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-weight:500}.logout-btn:hover{background:#d32f2f}.admin-section{margin-bottom:40px}.admin-section h3{margin-bottom:16px}.template-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#fffaf5;padding:20px;border-radius:10px}.template-form input{padding:10px;border-radius:8px;border:1px solid #ddd}.template-form input:nth-child(3),.template-form input:nth-child(4){grid-column:span 2}.checkbox{display:flex;align-items:center;gap:8px}.template-form button{grid-column:span 2;padding:12px;border-radius:8px;border:none;background:#222;color:#fff;cursor:pointer}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.template-card{background:#fff;padding:16px;border-radius:12px;box-shadow:0 8px 20px #0000000d}.template-card h4{margin-bottom:6px}.card-actions{display:flex;gap:10px;margin-top:12px}.card-actions button{padding:6px 10px;border-radius:6px;border:1px solid #ccc;background:#fff;cursor:pointer}.card-actions .danger{color:#e53935;border-color:#e53935}.error{color:#e53935;font-size:13px;margin-top:4px}.file-preview{display:flex;justify-content:space-between;align-items:center;background:#f5f5f5;padding:8px 12px;border-radius:6px;font-size:14px}.file-preview button{background:none;border:none;color:#d32f2f;cursor:pointer}.short-card{width:220px;cursor:pointer}.thumb-wrapper{position:relative;width:100%;aspect-ratio:9 / 16;overflow:hidden;border-radius:12px}.thumb-wrapper img{width:100%;height:100%;object-fit:cover}.short-title{font-size:14px;font-weight:600;margin-top:8px}.shorts-player{width:300px;aspect-ratio:9 / 16;margin:0 auto}.shorts-player iframe{width:100%;height:100%;border-radius:16px}