:root{--bg-dark:#0b0f19;--card-bg:#151c2c;--accent-red:#ff3333;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:rgba(255,255,255,0.08);}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;overflow-x:hidden;}.text-gradient{background:linear-gradient(135deg,#ffffff,var(--accent-red));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;display:inline-block;}i.text-gradient,.bi.text-gradient{display:inline-block;-webkit-box-decoration-break:clone;box-decoration-break:clone;vertical-align:middle;}.text-bordered-white{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;-webkit-text-stroke:1px #000000;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;}.text-accent-red{color:var(--accent-red) !important;}.bg-gradient-hero{background:radial-gradient(circle at 80% 20%,rgba(255,255,255,0.1) 0%,rgba(255,51,51,0.05) 50%,rgba(11,15,25,0) 100%);}.navbar{background-color:rgba(11,15,25,0.8) !important;backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);}.nav-link{color:var(--text-secondary) !important;transition:color 0.3s;}.nav-link:hover,.nav-link.active{color:var(--accent-red) !important;}.card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;color:var(--text-primary);transition:transform 0.3s,box-shadow 0.3s,border-color 0.3s;}.card:hover{transform:translateY(-5px);border-color:rgba(255,51,51,0.3);box-shadow:0 10px 30px rgba(255,51,51,0.15);}.btn-accent{background:linear-gradient(135deg,#ff3b30,#ff2d55);color:#ffffff;font-weight:600;border:none;border-radius:8px;padding:10px 24px;transition:transform 0.2s,box-shadow 0.2s;text-decoration:none;display:inline-block;}.btn-accent:hover{transform:scale(1.03);color:#ffffff;box-shadow:0 0 15px rgba(255,51,51,0.4);}.btn-outline-custom{color:var(--text-primary);border:1px solid var(--text-secondary);border-radius:8px;padding:10px 24px;transition:all 0.3s;}.btn-outline-custom:hover{color:var(--accent-red);border-color:var(--accent-red);background-color:rgba(255,51,51,0.05);}.device-mockup{position:relative;margin:0 auto;border:12px solid #2e3440;background-color:#0b0f19;box-shadow:0 25px 50px -12px rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:width 0.4s cubic-bezier(0.4,0,0.2,1),height 0.4s cubic-bezier(0.4,0,0.2,1),border-radius 0.4s cubic-bezier(0.4,0,0.2,1);}.iphone-mockup{width:240px;height:522px;border-radius:36px;}.iphone-mockup.landscape{width:522px;height:240px;}.ipad-mockup{width:480px;height:360px;border-radius:24px;}.ipad-mockup.portrait{width:360px;height:480px;}.device-placeholder-content{text-align:center;padding:20px;color:var(--text-secondary);}.device-placeholder-icon{font-size:3rem;color:var(--accent-red);margin-bottom:15px;opacity:0.8;}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:16px;border:1px solid var(--border-color);box-shadow:0 20px 40px rgba(0,0,0,0.4);}.video-container iframe,.video-placeholder-box{position:absolute;top:0;left:0;width:100%;height:100%;}.video-placeholder-box{background:linear-gradient(135deg,#151c2c,#0b0f19);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);}.accordion-item{background-color:var(--card-bg) !important;border:1px solid var(--border-color) !important;margin-bottom:10px;border-radius:12px !important;overflow:hidden;}.accordion-button{background-color:var(--card-bg) !important;color:var(--text-primary) !important;font-weight:600;}.accordion-button:not(.collapsed){color:var(--accent-red) !important;box-shadow:none !important;}.accordion-button::after{filter:invert(1);}.accordion-body{color:var(--text-secondary);border-top:1px solid var(--border-color);}footer{border-top:1px solid var(--border-color);background-color:rgba(11,15,25,0.9);}.hover-scale{transition:transform 0.2s;}.hover-scale:hover{transform:scale(1.05);}.page-404{display:flex;align-items:center;justify-content:center;min-height:100vh;}.error-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:3rem;max-width:500px;width:100%;box-shadow:0 20px 40px rgba(0,0,0,0.5);}