*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #f2f2f2;--accent-yellow: #fff000;--accent-red: #ff3c38;--accent-blue: #3273f6;--accent-purple: #c5a3ff;--text-primary: #000000;--text-secondary: #000000;--text-muted: #444444;--border-color: #000000;--border-width: 4px;--shadow-color: #000000;--shadow-offset: 6px;--font-primary: "Outfit", sans-serif;--font-secondary: "Inter", sans-serif;--section-padding: 120px;--container-padding: 80px}body{font-family:var(--font-secondary);background:var(--bg-primary);background-image:radial-gradient(#000 1px,transparent 1px);background-size:20px 20px;color:var(--text-primary);overflow-x:hidden;line-height:1.6}.brutalist-box{background:#fff;border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow-color);border-radius:0}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:40px 20px}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.gradient-overlay{display:none}.animated-shapes{position:absolute;width:100%;height:100%}.shape{position:absolute;border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow-color);opacity:1}.shape-1{width:300px;height:300px;background:var(--accent-yellow);border-radius:50%;top:5%;left:-5%;transform:rotate(15deg)}.shape-2{width:250px;height:250px;background:var(--accent-red);bottom:5%;right:5%;border-radius:0;transform:rotate(-10deg)}.shape-3{width:200px;height:200px;background:var(--accent-blue);top:60%;left:20%;clip-path:polygon(50% 0%,0% 100%,100% 100%);clip-path:none;border-radius:20px;transform:rotate(45deg)}.hero-content{position:relative;z-index:10;max-width:900px;text-align:center;animation:fadeInUp .8s ease-out;background:#fff;padding:60px 40px;border:var(--border-width) solid var(--border-color);box-shadow:12px 12px 0 var(--shadow-color)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-family:var(--font-primary);font-size:clamp(48px,6vw,72px);font-weight:900;line-height:1.1;margin-bottom:24px;color:var(--text-primary);text-transform:uppercase}.gradient-text{background:var(--accent-yellow);color:var(--text-primary);padding:0 10px;display:inline-block;border:var(--border-width) solid var(--border-color);box-shadow:4px 4px 0 var(--shadow-color);transform:rotate(-2deg)}.hero-description{font-size:clamp(16px,1.5vw,20px);color:var(--text-primary);max-width:700px;margin:0 auto 48px;line-height:1.6;font-weight:600}.hero-features{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.feature-item{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:800;color:var(--text-primary);background:var(--bg-primary);padding:10px 20px;border:var(--border-width) solid var(--border-color);box-shadow:4px 4px 0 var(--shadow-color);text-transform:uppercase;transition:all .2s ease}.feature-item:nth-child(1){background:var(--accent-yellow)}.feature-item:nth-child(2){background:var(--accent-purple)}.feature-item:nth-child(3){background:var(--accent-blue);color:#fff}.feature-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:inherit}.feature-item:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--shadow-color)}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-primary);font-weight:800;font-size:14px;text-transform:uppercase;background:#fff;padding:10px 20px;border:var(--border-width) solid var(--border-color);box-shadow:4px 4px 0 var(--shadow-color);cursor:pointer;z-index:10}.mouse{display:none}.cta-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--section-padding) 20px;background:var(--bg-primary);background-image:linear-gradient(45deg,var(--border-color) 25%,transparent 25%),linear-gradient(-45deg,var(--border-color) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--border-color) 75%),linear-gradient(-45deg,transparent 75%,var(--border-color) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;opacity:.95}.cta-container{max-width:1400px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;background:#fff;padding:60px;border:var(--border-width) solid var(--border-color);box-shadow:15px 15px 0 var(--shadow-color)}.cta-content{animation:fadeInLeft 1s ease-out}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.cta-title{font-family:var(--font-primary);font-size:clamp(40px,5vw,64px);font-weight:900;line-height:1.1;margin-bottom:24px;color:var(--text-primary);text-transform:uppercase}.cta-description{font-size:20px;color:var(--text-primary);margin-bottom:48px;line-height:1.6;font-weight:600}.start-button{position:relative;padding:24px 48px;font-size:24px;font-weight:900;font-family:var(--font-primary);color:var(--text-primary);background:var(--accent-red);border:var(--border-width) solid var(--border-color);border-radius:0;cursor:pointer;transition:all .1s ease;box-shadow:8px 8px 0 var(--shadow-color);text-transform:uppercase}.button-content{position:relative;z-index:2;display:flex;align-items:center;gap:16px}.button-glow{display:none}.start-button:hover{transform:translate(-4px,-4px);box-shadow:12px 12px 0 var(--shadow-color)}.start-button:active{transform:translate(8px,8px);box-shadow:0 0 0 var(--shadow-color)}.cta-visual{position:relative;animation:fadeInRight 1s ease-out}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.photo-card{aspect-ratio:1;background:#fff;border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--shadow-color);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.photo-card:nth-child(1){background:var(--accent-yellow);transform:rotate(-5deg)}.photo-card:nth-child(2){background:var(--accent-purple);transform:rotate(3deg)}.photo-card:nth-child(3){background:var(--accent-blue);transform:rotate(5deg);color:#fff}.photo-card:nth-child(4){background:var(--accent-red);transform:rotate(-2deg)}.photo-card:hover{transform:rotate(0) scale(1.05);z-index:10}.photo-placeholder{color:var(--text-primary);opacity:1}.photo-card:nth-child(3) .photo-placeholder{color:#fff}.features-section{padding:var(--section-padding) 20px;background:#fff;border-top:var(--border-width) solid var(--border-color)}.features-container{max-width:1200px;margin:0 auto;text-align:center}.features-title{font-family:var(--font-primary);font-size:clamp(40px,5vw,56px);font-weight:900;text-transform:uppercase;margin-bottom:60px;display:inline-block;background:var(--accent-yellow);padding:10px 30px;border:var(--border-width) solid var(--border-color);box-shadow:8px 8px 0 var(--shadow-color);transform:rotate(-1deg)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;padding-top:20px}.grid-item{padding:40px;border:var(--border-width) solid var(--border-color);box-shadow:10px 10px 0 var(--shadow-color);text-align:left;transition:all .2s ease;display:flex;flex-direction:column;gap:15px}.grid-item:hover{transform:translate(-5px,-5px);box-shadow:15px 15px 0 var(--shadow-color)}.grid-icon{width:60px;height:60px;background:#fff;border:3px solid #000;display:flex;align-items:center;justify-content:center;margin-bottom:10px;box-shadow:4px 4px #000}.grid-item h3{font-family:var(--font-primary);font-size:24px;font-weight:900;text-transform:uppercase}.grid-item p{font-weight:600;font-size:16px;line-height:1.4}.item-yellow{background:var(--accent-yellow)}.item-red{background:var(--accent-red);color:#fff}.item-purple{background:var(--accent-purple)}.item-blue{background:var(--accent-blue);color:#fff}.item-green{background:#0f0}@media(max-width:1024px){:root{--section-padding: 80px;--container-padding: 40px}.cta-container{grid-template-columns:1fr;gap:60px;padding:40px 20px}.cta-visual{max-width:500px;margin:0 auto}}@media(max-width:768px){:root{--section-padding: 60px}.hero-content{padding:40px 20px}.hero-features{gap:16px;flex-direction:column}.feature-item{font-size:16px;justify-content:center}.photo-grid{gap:16px}.start-button{width:100%;justify-content:center;font-size:20px;padding:20px}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--accent-yellow);display:flex;justify-content:center;align-items:center;z-index:9999;border:var(--border-width) solid var(--border-color);transition:transform .8s cubic-bezier(.77,0,.175,1)}.loading-content{background:#fff;padding:40px;border:var(--border-width) solid var(--border-color);box-shadow:10px 10px 0 var(--shadow-color);display:flex;flex-direction:column;align-items:center;gap:24px}.camera-loader{position:relative;width:80px;height:80px}.camera-loader img{filter:invert(100%) contrast(200%);animation:rotateBrutal 2s infinite linear}@keyframes rotateBrutal{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}.loading-text{font-family:var(--font-primary);font-size:32px;font-weight:900;text-transform:uppercase;color:var(--text-primary)}.loading-bar{width:200px;height:16px;background:#fff;border:var(--border-width) solid var(--border-color)}.loading-progress{width:100%;height:100%;background:var(--accent-red);transform-origin:left;animation:fillProgress 1.5s infinite alternate steps(5)}@keyframes fillProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.page-loaded .loading-overlay{transform:translateY(-100%)}