html{scroll-behavior:smooth}body{margin:0;padding:0;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}:root{--color-black: #0a0a0a;--color-white: #ffffff;--color-gold: #d4af37;--color-gold-light: #f0d060;--color-gold-dark: #b8941f;--color-gray: #1a1a1a;--color-gray-light: #2a2a2a;--color-gray-text: #a0a0a0;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px;--spacing-2xl: 64px;--spacing-3xl: 96px;--border-radius: 8px;--transition: all .3s ease}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-black);color:var(--color-white);line-height:1.6}.App{width:100%}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section-title{font-size:3rem;font-weight:700;text-align:center;margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,var(--color-white) 0%,var(--color-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.btn{padding:var(--spacing-sm) var(--spacing-lg);font-size:1.1rem;font-weight:600;border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);font-family:inherit;letter-spacing:.5px}.btn-primary{background:var(--color-gold);color:var(--color-black)}.btn-primary:hover{background:var(--color-gold-light);transform:translateY(-2px);box-shadow:0 8px 24px #d4af374d}.btn-secondary{background:transparent;color:var(--color-white);border:2px solid var(--color-white)}.btn-secondary:hover{background:var(--color-white);color:var(--color-black);transform:translateY(-2px)}.btn-gold{background:var(--color-gold);color:var(--color-black)}.btn-gold:hover{background:var(--color-gold-light);transform:translateY(-2px);box-shadow:0 8px 24px #d4af374d}.header{position:fixed;top:0;left:0;right:0;background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid rgba(212,175,55,.1);padding:var(--spacing-md) 0}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:var(--spacing-xs);font-size:1.5rem;font-weight:700}.logo-crown{font-size:2rem}.logo-text{background:linear-gradient(135deg,var(--color-white) 0%,var(--color-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{display:flex;gap:var(--spacing-lg);align-items:center}.nav button{background:none;border:none;color:var(--color-white);font-size:1rem;cursor:pointer;transition:var(--transition);font-family:inherit;font-weight:500}.nav button:hover{color:var(--color-gold)}.nav-cta{background:var(--color-gold)!important;color:var(--color-black)!important;padding:var(--spacing-xs) var(--spacing-md)!important;border-radius:var(--border-radius);font-weight:600!important}.nav-cta:hover{background:var(--color-gold-light)!important;transform:translateY(-2px)}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-black) 0%,var(--color-gray) 50%,var(--color-black) 100%);position:relative;overflow:hidden;padding-top:100px}.hero-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(212,175,55,.1) 0%,transparent 50%)}.hero-content{position:relative;text-align:center;max-width:900px;z-index:1}.hero-title{font-size:4.5rem;font-weight:800;line-height:1.2;margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--color-white) 0%,var(--color-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-2px}.hero-subtitle{font-size:1.4rem;color:var(--color-gray-text);margin-bottom:var(--spacing-xl);line-height:1.8;font-weight:400}.hero-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.about-section{padding:var(--spacing-3xl) 0;background:var(--color-gray)}.about-description{text-align:center;max-width:800px;margin:0 auto var(--spacing-xl);font-size:1.2rem;line-height:1.8;color:var(--color-gray-text)}.features-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);max-width:900px;margin:0 auto}.feature-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-gray-light);border-radius:var(--border-radius);font-size:1.1rem;transition:var(--transition)}.feature-item:hover{transform:translateY(-4px);background:var(--color-black);border:1px solid var(--color-gold)}.feature-icon{font-size:1.5rem}.packages-section{padding:var(--spacing-3xl) 0;background:var(--color-black)}.single-package-container{max-width:800px;margin:0 auto;margin-top:var(--spacing-xl)}.package-card{background:var(--color-gray-light);border-radius:var(--border-radius);overflow:hidden;transition:var(--transition);border:2px solid var(--color-gold)}.package-card.single-package{display:grid;grid-template-columns:1fr 1fr;gap:0}.package-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #d4af374d}.package-image{width:100%;height:100%;overflow:hidden}.package-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.package-card:hover .package-image img{transform:scale(1.05)}.package-content{padding:var(--spacing-xl);display:flex;flex-direction:column;justify-content:center}.package-name{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-gold)}.package-description{font-size:1.1rem;color:var(--color-gray-text);margin-bottom:var(--spacing-lg);line-height:1.7}.package-features{list-style:none;margin-bottom:var(--spacing-lg)}.package-features li{padding:var(--spacing-xs) 0;color:var(--color-gray-text);position:relative;padding-left:var(--spacing-md);font-size:1rem}.package-features li:before{content:"✓";position:absolute;left:0;color:var(--color-gold);font-weight:700}.package-price{font-size:1.4rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-white)}.portfolio-section{padding:var(--spacing-3xl) 0;background:var(--color-gray)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.portfolio-item{position:relative;overflow:hidden;border-radius:var(--border-radius);aspect-ratio:16/10}.portfolio-mockup{width:100%;height:100%;position:relative;overflow:hidden;border:2px solid var(--color-gray-light);border-radius:var(--border-radius);transition:var(--transition)}.portfolio-mockup:hover{border-color:var(--color-gold);transform:translateY(-8px);box-shadow:0 16px 48px #0006}.portfolio-mockup img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.portfolio-mockup:hover img{transform:scale(1.05)}.portfolio-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);padding:var(--spacing-lg);transform:translateY(0);transition:var(--transition)}.portfolio-overlay h3{font-size:1.3rem;font-weight:600;color:var(--color-gold)}.reviews-section{padding:var(--spacing-3xl) 0;background:var(--color-black)}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg)}.review-card{background:var(--color-gray-light);padding:var(--spacing-lg);border-radius:var(--border-radius);transition:var(--transition);border:2px solid transparent}.review-card:hover{border-color:var(--color-gold);transform:translateY(-4px)}.review-stars{margin-bottom:var(--spacing-sm)}.star{font-size:1.2rem}.review-text{font-size:1.1rem;line-height:1.8;margin-bottom:var(--spacing-md);color:var(--color-gray-text);font-style:italic}.review-author{border-top:1px solid var(--color-gray);padding-top:var(--spacing-sm)}.author-name{font-weight:600;color:var(--color-white);margin-bottom:4px}.author-business{color:var(--color-gold);font-size:.95rem}.order-form-section{padding:var(--spacing-3xl) 0;background:var(--color-gray)}.order-form{max-width:700px;margin:0 auto;background:var(--color-gray-light);padding:var(--spacing-xl);border-radius:var(--border-radius);border:2px solid var(--color-gold)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);color:var(--color-white);font-weight:600}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-sm);background:var(--color-black);border:2px solid var(--color-gray);border-radius:var(--border-radius);color:var(--color-white);font-size:1rem;font-family:inherit;transition:var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-gold)}.form-group textarea{resize:vertical;min-height:120px}.form-message{padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);text-align:center;font-weight:600}.form-message.success{background:#4caf5033;color:#4caf50;border:2px solid #4CAF50}.form-message.error{background:#f4433633;color:#f44336;border:2px solid #F44336}.order-form button[type=submit]{width:100%;margin-top:var(--spacing-md);padding:var(--spacing-md);font-size:1.2rem}.order-form button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.final-cta-section{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,var(--color-black) 0%,var(--color-gray) 100%);text-align:center}.cta-title{font-size:3.5rem;font-weight:800;margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,var(--color-white) 0%,var(--color-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer{background:var(--color-black);padding:var(--spacing-xl) 0;border-top:1px solid rgba(212,175,55,.1)}.footer-content{text-align:center}.footer-logo{display:flex;align-items:center;gap:var(--spacing-xs);font-size:1.5rem;font-weight:700;justify-content:center;margin-bottom:var(--spacing-sm)}.footer-tagline{color:var(--color-gray-text);margin-bottom:var(--spacing-sm)}.footer-copyright{color:var(--color-gray-text);font-size:.9rem}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.section-title,.cta-title{font-size:2rem}.nav{display:none}.package-card.single-package,.portfolio-grid,.reviews-grid,.form-row{grid-template-columns:1fr}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%}}@media(max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}}