*{margin:0;padding:0;box-sizing:border-box}body,html,#root{font-family:Arial,sans-serif;background-color:#f8f9fa;color:#202124;width:100%;height:100%;overflow:hidden}.navbar{position:fixed;top:0;width:100%;background:#fffe;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;display:flex;justify-content:center;transition:opacity .3s ease,transform .3s ease;z-index:100;transform:translateY(0)}.navbar.fade-in{opacity:1}.navbar ul{display:flex;gap:2rem;list-style:none}.navbar li{cursor:pointer;font-weight:700}.navbar a{text-decoration:none;color:inherit}.app{min-height:100vh;background-image:url(/gptdisguise-site/assets/googledoc-qohNDUv3.png),url(/gptdisguise-site/assets/scrolling-BeVsrmfV.png);background-repeat:no-repeat,repeat-y;background-position:top center,top center;background-size:100% auto,auto;background-color:#eaeaea}.animation-container{position:relative;width:100vw;height:100vh;overflow:hidden;perspective:1200px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent}.header-section{text-align:center;transition:opacity .2s ease-out,transform .2s ease-out;z-index:10}.header-section h1{font-size:4rem;margin-bottom:2rem;font-weight:700}.download-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;background-color:#4285f4;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background .3s;text-decoration:none}.download-btn:hover{background-color:#357ae8}.chrome-icon{font-size:1.2rem}.typing-section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;transition:opacity .2s ease-out;z-index:5}.typing{font-size:2rem;font-weight:500;margin-bottom:2rem;font-family:Arial,sans-serif;min-height:2.5rem}.cursor{display:inline-block;width:2px;height:1.5rem;background-color:#202124;margin-left:2px;vertical-align:middle;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.coffee-btn{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;background-color:#ff813f;color:#fff;border-radius:5px;text-decoration:none;transition:background .3s,transform .2s;font-weight:600}.coffee-btn:hover{background-color:#e67332;transform:translateY(-2px)}.laptop-container{position:fixed;bottom:0;left:50%;transform:translate(-50%);transform-origin:bottom center;transition:all .2s ease-out;z-index:1}.laptop{width:900px;height:500px;position:relative}.laptop-screen{width:100%;height:100%;background:#1a1a1a;border-radius:10px 10px 0 0;border:12px solid #2a2a2a;border-bottom:none;box-shadow:0 0 0 2px #1a1a1a,0 -20px 60px #0006;overflow:hidden;position:relative}.screen-content{width:100%;height:100%;background:#fff;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Arial,sans-serif;padding:20px}.demo-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.demo-title{font-size:2rem;font-weight:700;color:#202124;text-align:center}.demo-description{font-size:1.1rem;color:#5f6368;text-align:center;max-width:80%;line-height:1.6}.demo-features{display:flex;gap:2rem;margin-top:1rem}.feature-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.feature-icon{font-size:2rem;color:#4285f4}.feature-text{font-size:.9rem;color:#5f6368;font-weight:600}@media(max-width:950px){.header-section h1{font-size:3rem}.typing{font-size:1.5rem}.laptop{width:700px;height:390px}.demo-title{font-size:1.5rem}.demo-description{font-size:1rem}}@media(max-width:750px){.header-section h1{font-size:2rem}.typing{font-size:1.2rem}.laptop{width:450px;height:250px}.demo-title{font-size:1.2rem}.demo-description{font-size:.9rem}.demo-features{flex-direction:column;gap:1rem}}.landing-container{position:relative;width:100vw;height:100vh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f8f9fa}.landing-header{text-align:center;transition:opacity .2s ease-out,transform .2s ease-out;z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:800px}.landing-header h1{font-size:3.5rem;margin-bottom:1rem;font-weight:700;color:#202124}.subtitle{font-size:1.3rem;color:#5f6368;font-weight:400}.instructions-section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:800px;transition:opacity .2s ease-out;z-index:5}.section-title{font-size:2.5rem;font-weight:700;color:#202124;margin-bottom:2rem;text-align:center}.instruction-card{display:flex;gap:1.5rem;background:#fff;padding:2rem;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.instruction-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.step-number{flex-shrink:0;width:50px;height:50px;background:linear-gradient(135deg,#4285f4,#357ae8);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.step-content{flex:1}.step-content h3{font-size:1.3rem;font-weight:600;color:#202124;margin-bottom:.8rem}.step-content p{font-size:1rem;color:#5f6368;line-height:1.6;margin-bottom:1rem}.step-list{list-style:none;padding:0;margin:0}.step-list li{font-size:1rem;color:#5f6368;line-height:1.8;padding-left:1.5rem;position:relative}.step-list li:before{content:"→";position:absolute;left:0;color:#4285f4;font-weight:700}.popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 10px 40px #0000004d;max-width:450px;width:90%;text-align:center;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:#5f6368;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s,color .2s}.close-btn:hover{background:#f1f3f4;color:#202124}.popup-text{font-size:1.2rem;color:#202124;margin-bottom:1.5rem;font-weight:500}.watch-video-btn{display:inline-block;padding:.75rem 2rem;font-size:1rem;background-color:#4285f4;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .3s,transform .2s;text-decoration:none;font-weight:600}.watch-video-btn:hover{background-color:#357ae8;transform:translateY(-2px)}@media(max-width:768px){.landing-header h1{font-size:2.5rem}.subtitle{font-size:1.1rem}.section-title{font-size:2rem}.instruction-card{flex-direction:column;padding:1.5rem}.step-number{width:40px;height:40px;font-size:1.2rem}.step-content h3{font-size:1.1rem}.step-content p,.step-list li{font-size:.95rem}.popup{padding:2rem}.popup-text{font-size:1.1rem}}@media(max-width:480px){.landing-header h1{font-size:2rem}.subtitle{font-size:1rem}.section-title{font-size:1.6rem}.instruction-card{padding:1.2rem}}