@tailwind base;@tailwind components;@tailwind utilities;:root{--primary-blue: #2563eb;--primary-blue-dark: #1d4ed8;--primary-blue-light: #3b82f6;--accent-blue: #93c5fd;--secondary-gray: #64748b;--dark-gray: #1e293b;--light-gray: #f8fafc;--white: #ffffff;--black: #0f172a;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 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 -2px rgb(0 0 0 / .05);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-blue: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);--gradient-overlay: linear-gradient(135deg, rgba(59, 130, 246, .9) 0%, rgba(30, 64, 175, .9) 100%);--border-radius: 12px;--border-radius-sm: 8px;--border-radius-lg: 16px;--transition-fast: all .2s ease;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .3s cubic-bezier(.68, -.55, .265, 1.55)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--dark-gray);scroll-behavior:smooth}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blur-effect{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.main-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:relative}.main-container:before{content:"";position:fixed;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23e2e8f0' fill-opacity='0.2'%3E%3Ccircle cx='7' cy='7' r='1'/%3E%3Ccircle cx='53' cy='53' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;pointer-events:none;z-index:-1}.header{border-bottom:1px solid rgba(226,232,240,.3);background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:50;transition:var(--transition-smooth)}.header:hover{background:#fffffff2;box-shadow:var(--shadow-md)}.container{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.header-content{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.logo-section{display:flex;align-items:center;gap:16px;cursor:pointer;transition:var(--transition-smooth)}.logo-section:hover{transform:translateY(-1px)}.logo-icon{height:48px;width:48px;background:var(--gradient-blue);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.logo-icon:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.logo-section:hover .logo-icon:before{left:100%}.icon{height:28px;width:28px;color:var(--white);z-index:1}.logo-title{font-size:24px;font-weight:800;color:var(--dark-gray);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-subtitle{font-size:14px;color:var(--secondary-gray);font-weight:500}.nav{display:none;align-items:center;gap:40px}@media (min-width: 768px){.nav{display:flex}}.nav-link{color:var(--dark-gray);text-decoration:none;font-weight:500;padding:8px 16px;border-radius:var(--border-radius-sm);transition:var(--transition-smooth);position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(37,99,235,.1),transparent);transition:left .3s ease}.nav-link:hover:before{left:100%}.nav-link:hover{color:var(--primary-blue);background:#2563eb0d;transform:translateY(-1px)}.hero{background:var(--gradient-overlay),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M0,20 C200,80 400,0 600,40 C800,80 1000,20 1000,20 L1000,100 L0,100 Z'/%3E%3C/svg%3E") bottom/cover;color:var(--white);padding:120px 0 100px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-10px,-10px) rotate(1deg)}50%{transform:translate(10px,-20px) rotate(-1deg)}75%{transform:translate(-20px,10px) rotate(.5deg)}}.hero-content{position:relative;z-index:10}.hero-text{max-width:900px;margin:0 auto;text-align:center;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-block;padding:8px 20px;margin-bottom:32px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:50px;font-size:14px;font-weight:600;letter-spacing:.5px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hero-title{font-size:clamp(36px,8vw,72px);font-weight:900;margin-bottom:24px;line-height:1.1;text-shadow:0 4px 20px rgba(0,0,0,.3)}.hero-title-highlight{color:var(--accent-blue);position:relative}.hero-title-highlight:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,var(--accent-blue),transparent);animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{opacity:.5}to{opacity:1}}.hero-description{font-size:clamp(18px,4vw,24px);margin-bottom:40px;color:#ffffffe6;max-width:700px;margin-left:auto;margin-right:auto;font-weight:400;line-height:1.6}.hero-buttons{display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:center}@media (min-width: 640px){.hero-buttons{flex-direction:row;gap:20px}}.btn-shop-now,.btn-catalog,.btn-contact,.btn-submit{padding:16px 32px;border-radius:var(--border-radius);font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border:none;cursor:pointer;transition:var(--transition-smooth);position:relative;overflow:hidden;min-width:180px}.btn-shop-now{background:var(--white);color:var(--primary-blue);box-shadow:var(--shadow-lg)}.btn-shop-now:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(37,99,235,.1),transparent);transition:left .5s ease}.btn-shop-now:hover:before{left:100%}.btn-shop-now:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-catalog{border:2px solid var(--white);color:var(--white);background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-catalog:hover{background:var(--white);color:var(--primary-blue);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-icon{height:20px;width:20px;transition:var(--transition-smooth)}.btn-shop-now:hover .btn-icon,.btn-catalog:hover .btn-icon{transform:translate(4px)}.features{padding:100px 0;background:linear-gradient(135deg,#f8fafccc,#e2e8f0cc);position:relative}.features:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23e2e8f0' fill-opacity='0.1'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.section-title{text-align:center;margin-bottom:80px;position:relative}.section-heading{font-size:clamp(32px,6vw,48px);font-weight:800;color:var(--dark-gray);margin-bottom:20px;position:relative}.section-heading:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:80px;height:4px;background:var(--gradient-blue);border-radius:2px}.section-description{font-size:20px;color:var(--secondary-gray);max-width:600px;margin:0 auto;font-weight:400}.features-grid{display:grid;gap:40px;position:relative}@media (min-width: 768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.features-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{text-align:center;padding:40px 24px;border-radius:var(--border-radius-lg);background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:var(--shadow-md);transition:var(--transition-smooth);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(37,99,235,.05),transparent);transition:left .5s ease}.feature-card:hover:before{left:100%}.feature-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl);background:#fffffff2}.feature-icon-wrapper{width:80px;height:80px;margin:0 auto 24px;background:var(--gradient-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.feature-icon-wrapper:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:shine 3s infinite}@keyframes shine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.feature-icon{height:40px;width:40px;color:var(--white);z-index:1}.feature-title{font-size:22px;font-weight:700;margin-bottom:12px;color:var(--dark-gray)}.feature-description{color:var(--secondary-gray);font-weight:400;line-height:1.6}.products{padding:100px 0;background:var(--white)}.category-section{margin-bottom:80px}.category-header{display:flex;align-items:center;gap:16px;margin-bottom:40px;padding-bottom:16px;border-bottom:2px solid rgba(37,99,235,.1)}.category-icon{padding:12px;background:var(--gradient-blue);border-radius:var(--border-radius);box-shadow:var(--shadow-md)}.category-icon-img{height:28px;width:28px;color:var(--white)}.category-title{font-size:28px;font-weight:800;color:var(--dark-gray);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.products-grid{display:grid;gap:32px}@media (min-width: 768px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.products-grid{grid-template-columns:repeat(3,1fr)}}.product-card{cursor:pointer;transition:var(--transition-smooth);border-radius:var(--border-radius-lg);background:var(--white);overflow:hidden;box-shadow:var(--shadow-md);position:relative;border:1px solid rgba(226,232,240,.5)}.product-card:before{content:"";position:absolute;inset:0;background:var(--gradient-blue);opacity:0;transition:var(--transition-smooth);z-index:1}.product-card:hover:before{opacity:.03}.product-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:var(--shadow-xl)}.product-image-wrapper{aspect-ratio:16 / 10;overflow:hidden;position:relative}.product-image{width:100%;height:100%;object-fit:cover;transition:var(--transition-smooth)}.product-card:hover .product-image{transform:scale(1.1)}.product-content{padding:24px;position:relative;z-index:2}.product-title{font-size:20px;font-weight:700;margin-bottom:12px;color:var(--dark-gray);transition:var(--transition-smooth)}.product-card:hover .product-title{color:var(--primary-blue)}.product-description{color:var(--secondary-gray);margin-bottom:20px;font-weight:400;line-height:1.6}.product-action{display:flex;align-items:center;gap:8px;color:var(--primary-blue);font-size:16px;font-weight:600;transition:var(--transition-smooth)}.product-card:hover .product-action{transform:translate(8px)}.action-icon{height:18px;width:18px;transition:var(--transition-smooth)}.cta{background:var(--gradient-blue);color:var(--white);padding:100px 0;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%);animation:float 8s ease-in-out infinite reverse}.cta-content{text-align:center;position:relative;z-index:2}.cta-title{font-size:clamp(32px,6vw,48px);font-weight:800;margin-bottom:24px;text-shadow:0 4px 20px rgba(0,0,0,.3)}.cta-description{font-size:22px;margin-bottom:40px;opacity:.95;max-width:600px;margin-left:auto;margin-right:auto;font-weight:400}.btn-contact{background:var(--white);color:var(--primary-blue);box-shadow:var(--shadow-xl)}.btn-contact:hover{background:#f8fafc;transform:translateY(-4px);box-shadow:0 25px 50px -12px #00000040}.footer{background:linear-gradient(135deg,var(--black) 0%,#1e293b 100%);color:var(--white);padding:80px 0 40px;position:relative}.footer:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23374151' fill-opacity='0.1'%3E%3Cpath d='M0 0h20v20H0z'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.footer-grid{display:grid;gap:40px;position:relative;z-index:1}@media (min-width: 768px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-logo{display:flex;align-items:center;gap:16px;margin-bottom:24px}.footer-logo-title{font-weight:800;font-size:20px}.footer-logo-subtitle{font-size:14px;color:#94a3b8;font-weight:500}.footer-description{font-size:16px;color:#cbd5e1;line-height:1.6;font-weight:400}.footer-heading{font-weight:700;font-size:18px;margin-bottom:20px;color:var(--white)}.footer-list{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-list li{font-size:15px;color:#cbd5e1;transition:var(--transition-smooth);cursor:pointer;font-weight:400}.footer-list li:hover{color:var(--accent-blue);transform:translate(4px)}.footer-contact{display:flex;flex-direction:column;gap:12px}.footer-contact p{font-size:15px;color:#cbd5e1;font-weight:500}.footer-bottom{border-top:1px solid #334155;margin-top:60px;padding-top:40px;text-align:center;position:relative;z-index:1}.footer-bottom p{font-size:14px;color:#94a3b8;font-weight:400}.modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;padding:20px}.modal-open{display:flex;animation:modalFadeIn .3s ease-out}.modal-closed{display:none}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--white);border-radius:var(--border-radius-lg);padding:32px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:modalSlideUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{margin-bottom:24px}.modal-title{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;color:var(--dark-gray);margin-bottom:8px}.modal-icon{height:24px;width:24px;color:var(--primary-blue)}.modal-description{color:var(--secondary-gray);font-size:16px;line-height:1.6}.modal-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:600;color:var(--dark-gray)}.form-input,.form-textarea{width:100%;padding:12px 16px;border:2px solid var(--light-gray);border-radius:var(--border-radius-sm);font-size:16px;font-family:Inter,sans-serif;color:var(--dark-gray);background:var(--white);transition:var(--transition-smooth);outline:none}.form-input:focus,.form-textarea:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a}.form-textarea{resize:vertical;min-height:100px}.form-actions{display:flex;gap:16px;padding-top:24px;justify-content:space-between}.btn-submit{flex:1;background:var(--gradient-blue);color:var(--white);padding:12px 24px;border-radius:var(--border-radius);font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;transition:var(--transition-smooth);position:relative;overflow:hidden}.btn-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-submit:hover:before{left:100%}.btn-submit:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-cancel{flex:1;background:var(--white);color:var(--secondary-gray);padding:12px 24px;border:2px solid var(--light-gray);border-radius:var(--border-radius);font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth)}.btn-cancel:hover{border-color:var(--primary-blue);color:var(--primary-blue);transform:translateY(-2px);box-shadow:var(--shadow-md)}