*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#fff;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:1rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{color:#666;margin-bottom:1rem}a{color:#2563eb;-webkit-text-decoration:none;text-decoration:none;transition:color .3s ease}a:hover{color:#1d4ed8}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.header{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);box-shadow:0 2px 20px rgba(0,0,0,.1);left:0;position:fixed;right:0;top:0;z-index:1000}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.logo h1{color:#8b4513;font-size:1.5rem;margin:0}.nav-menu{display:flex;gap:2rem;list-style:none}.nav-link{color:#374151;font-weight:500;transition:color .3s ease}.nav-link:hover{color:#8b4513}.hamburger{cursor:pointer;display:none;flex-direction:column}.bar{background-color:#374151;height:3px;margin:3px 0;transition:.3s;width:25px}.hero{align-items:center;background:linear-gradient(135deg,beige,#f4e4bc);display:flex;min-height:100vh;padding:8rem 0 4rem}.hero-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;align-items:center;gap:4rem;margin:0 auto;max-width:1200px;padding:0 2rem}.hero-title{color:#5d4037;font-size:3.5rem;margin-bottom:1.5rem}.hero-subtitle{color:#8b4513;font-size:1.25rem;margin-bottom:2rem}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem}.btn{border:none;border-radius:.5rem;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;text-align:center;transition:all .3s ease}.btn-primary{background:#8b4513;color:#fff}.btn-primary:hover{background:#654321;box-shadow:0 10px 25px rgba(139,69,19,.3);transform:translateY(-2px)}.btn-secondary{background:transparent;border:2px solid #8b4513;color:#8b4513}.btn-secondary:hover{background:#8b4513;color:#fff;transform:translateY(-2px)}.hero-image{align-items:center;display:flex;justify-content:center}.fashion-display{position:relative;text-align:center}.main-outfit{animation:float 3s ease-in-out infinite;font-size:8rem;transform-origin:center}.accessories{left:50%;position:absolute;top:-20px;transform:translateX(-50%)}.accessories span{animation:sparkle 4s linear infinite;font-size:1.5rem;position:absolute}.accessories span:first-child{animation-delay:0s;left:-30px}.accessories span:nth-child(2){animation-delay:1s;left:0}.accessories span:nth-child(3){animation-delay:2s;left:30px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes sparkle{0%{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.8;transform:scale(1.2) rotate(180deg)}to{opacity:1;transform:scale(1) rotate(1turn)}}section{padding:5rem 0}.section-title{color:#5d4037;font-size:2.5rem;margin-bottom:3rem;text-align:center}.about{background:#fff}.about-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;align-items:start;gap:4rem}.about-text p{font-size:1.1rem;margin-bottom:1.5rem}.about-features{display:grid;grid-gap:2rem;gap:2rem}.feature{background:#f8fafc;border-radius:1rem;padding:2rem;text-align:center;transition:transform .3s ease}.feature:hover{transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature h3{color:#5d4037;margin-bottom:.5rem}.collections{background:#faf5ff}.collections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem}.collection-card{background:#fff;border-radius:1rem;box-shadow:0 4px 20px rgba(0,0,0,.1);padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.collection-card:hover{box-shadow:0 10px 40px rgba(0,0,0,.15);transform:translateY(-5px)}.collection-icon{font-size:3rem;margin-bottom:1rem}.collection-card h3{color:#5d4037;margin-bottom:1rem}.contact{background:#fff}.contact-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem}.contact-info h3{color:#5d4033;margin-bottom:1rem}.contact-details{margin-top:2rem}.contact-item{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.contact-icon{font-size:1.5rem}.contact-form{background:#f8fafc;border-radius:1rem;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#8b4513;outline:none}.footer{background:#5d4037;color:#fff;padding:3rem 0 1rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:2rem}.footer-section h3,.footer-section h4{color:#fff;margin-bottom:1rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section a{color:#d1fae5;transition:color .3s ease}.footer-section a:hover{color:#fff}.social-links{display:flex;gap:1rem}.social-links a{border-radius:.5rem;font-size:1.5rem;padding:.5rem;transition:background-color .3s ease}.social-links a:hover{background:hsla(0,0%,100%,.1)}.footer-bottom{border-top:1px solid #8b4513;color:#d7ccc8;padding-top:2rem;text-align:center}@media (max-width:768px){.hamburger{display:flex}.nav-menu{background-color:#fff;box-shadow:0 10px 27px rgba(0,0,0,.05);flex-direction:column;left:-100%;padding:2rem 0;position:fixed;text-align:center;top:70px;transition:.3s;width:100%}.nav-menu.active{left:0}.hero-container{gap:2rem;grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.about-content,.contact-content{gap:2rem;grid-template-columns:1fr}.hero-buttons{justify-content:center}.container{padding:0 1rem}.nav-container{padding:1rem}}@media (max-width:480px){.hero-title,.section-title{font-size:2rem}.main-outfit{font-size:6rem}.collections-grid{grid-template-columns:1fr}}.text-center{text-align:center}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mb-3{margin-bottom:3rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.accessories span,.main-outfit{animation:none}}