:root{--ocp-green-primary: #027c33;--can-yellow: #FFD700;--can-red: #DC143C;--text-dark: #333333}.container{max-width:1200px;margin:0 auto;padding:0 20px}.hero-section{position:relative;background:var(--can-red);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:600px;padding:100px 0 80px;display:flex;align-items:center}@media (max-width: 992px){.hero-section{min-height:500px;padding:90px 0 70px}}@media (max-width: 640px){.hero-section{min-height:420px;padding:80px 0 60px}}.hero-title{font-family:Rajdhani,Arial Black,sans-serif;font-size:78px;line-height:1.05;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0 0 20px}@media (max-width: 640px){.hero-title{font-size:48px}}.hero-title .white-text{color:#fff}.hero-title .yellow-text{color:var(--can-yellow)}.hero-subtitle{color:#fff;font-size:24px;font-weight:600;letter-spacing:.5px;margin:0 0 30px}.btn.btn-hero{display:inline-block;background:var(--ocp-green-primary);color:#fff;padding:15px 40px;font-size:20px;font-weight:700;border-radius:5px;text-decoration:none;transition:filter .25s ease}.btn.btn-hero:hover{filter:brightness(1.1)}.hero-decorations{position:absolute;left:0;right:0;bottom:0;height:90px;pointer-events:none;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.15),transparent 70%)}.tutorial-section{position:relative;background:#f5f5f5;background-size:cover;background-position:center;padding:80px 0}.section-title{font-family:Rajdhani,Arial Black,sans-serif;font-size:56px;font-weight:700;text-align:center!important;color:#80ba42;margin:0 0 60px;letter-spacing:.5px;text-transform:uppercase;position:relative;padding-bottom:24px}@media (max-width:640px){.section-title{font-size:40px}}.value-section{background:transparent;padding:100px 0}.value-title{font-family:Rajdhani,Arial Black,sans-serif;font-size:42px;font-weight:700;text-align:center;line-height:1.4;margin:0 0 60px;letter-spacing:.5px;position:relative;padding-bottom:24px}@media (max-width:640px){.value-title{font-size:28px}}.value-title .yellow{color:var(--can-yellow)}.value-title .green{color:#80ba42}.value-title .can-gold{color:var(--can-yellow)}.features-grid{display:grid;gap:30px;max-width:1200px;margin:0 auto;grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.features-grid{grid-template-columns:1fr}}.feature-card{background:#d3efed;padding:40px 20px;text-align:center;border-radius:10px;box-shadow:0 2px 10px #0000000d;transition:transform .3s,box-shadow .3s,background .3s,color .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 6px 20px #00000014;background:#27b3ab}.feature-card:hover .feature-title,.feature-card:hover .feature-description{color:#fff}.feature-card:hover .feature-divider{background:#fff}.feature-card .icon-default{display:block}.feature-card .icon-hover,.feature-card:hover .icon-default{display:none}.feature-card:hover .icon-hover{display:block}.feature-card-highlight{background:#d3efed}.feature-card-highlight:hover{background:#27b3ab}.feature-card-highlight:hover .feature-title,.feature-card-highlight:hover .feature-description{color:#fff}.feature-card-highlight:hover .feature-divider{background:#fff}.feature-card-highlight .icon-default{display:block}.feature-card-highlight .icon-hover,.feature-card-highlight:hover .icon-default{display:none}.feature-card-highlight:hover .icon-hover{display:block}.feature-icon{width:80px;height:80px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;position:relative}.feature-icon img{max-width:100%;max-height:100%;display:block;position:absolute;transition:opacity .3s}.feature-title{font-family:Rajdhani,Arial Black,sans-serif;font-size:22px;font-weight:700;color:#333;margin:15px 0;text-transform:uppercase;line-height:1.2}@media (max-width:640px){.feature-title{font-size:18px}}.feature-divider{width:50px;height:3px;background:var(--ocp-green-primary);margin:15px auto}.feature-description{font-family:Rajdhani,Arial,sans-serif;font-size:15px;color:#666;line-height:1.6;max-width:250px;margin:0 auto}.video-section{position:relative;background:transparent;padding:80px 0}@media (max-width: 640px){.video-section{padding:60px 0}}.video-section .section-title{font-family:Rajdhani,Arial Black,sans-serif;font-size:42px;font-weight:700;text-align:center;color:#80ba42;margin:0 0 60px;letter-spacing:.5px;text-transform:none;white-space:pre-line;position:relative;padding-bottom:24px}@media (max-width: 640px){.video-section .section-title{font-size:36px;margin-bottom:40px}}.video-container{max-width:900px;margin:0 auto;padding:0 20px}.video-thumbnail{width:100%;aspect-ratio:16/9;position:relative;border-radius:15px;overflow:hidden;box-shadow:0 10px 40px #00000026;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;background:#000}.video-thumbnail:hover{transform:scale(1.02);box-shadow:0 15px 50px #00000040}.video-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 20px #0000004d;transition:all .3s ease;animation:pulsePlay 3s infinite}.video-thumbnail:hover .play-button{transform:translate(-50%,-50%) scale(1.1);background:#fffffff2}.play-icon{fill:#027b36;width:45px;height:45px;margin-left:6px}@keyframes pulsePlay{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 5px 20px #0000004d}50%{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 8px 30px #0006}}.no-video-message{text-align:center;font-size:18px;color:#666;padding:40px 20px}.video-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;align-items:center;justify-content:center}.video-modal.active{display:flex}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000eb;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;z-index:10001;max-width:90vw;max-height:90vh;width:1200px}.modal-close{position:absolute;top:-50px;right:0;background:transparent;border:none;color:#fff;font-size:40px;cursor:pointer;width:40px;height:40px;line-height:1;transition:transform .2s ease}.modal-close:hover{transform:scale(1.2)}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;background:#000;border-radius:12px;box-shadow:0 20px 60px #00000080}.video-wrapper video,.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media (max-width: 768px){.modal-content{width:95vw}.modal-close{top:-40px;font-size:30px}.play-button{width:70px;height:70px}.play-icon{width:35px;height:35px}}.video-thumbnail:focus .play-button,.modal-close:focus{outline:2px solid #f7af18;outline-offset:4px}html{scroll-behavior:smooth}