:root{--nav-size: 50px;--bg-dark: #0a0a0a;--text-light: #f8fafc;--accent: #38bdf8;--glass-bg: rgba(15, 23, 42, .7);--glass-border: rgba(255, 255, 255, .1);--transition-speed: .4s}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);color:var(--text-light);-webkit-font-smoothing:antialiased}.app-container{width:100vw;height:100vh;position:relative;background-color:#000;overflow:hidden}.slide-container{width:100vw;height:100vh;display:flex;flex-direction:column;position:absolute;top:0;left:0;overflow:hidden;will-change:transform,opacity}.nav-zone{position:absolute;top:0;bottom:0;width:15vw;z-index:50;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.nav-zone:hover{opacity:1}.nav-zone.left{left:0}.nav-zone.right{right:0}.nav-icon{background:#0000004d;padding:20px;border-radius:50%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ffffffb3;transition:all .2s ease}.nav-zone:hover .nav-icon{color:#fff;transform:scale(1.1);background:#0009}.fullscreen-btn{position:absolute;bottom:24px;right:24px;z-index:100;background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-light);padding:12px;border-radius:50%;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.fullscreen-btn:hover{background:#ffffff26;transform:scale(1.1)}.slide-indicator{position:absolute;bottom:24px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:100;pointer-events:none}.dot{width:8px;height:8px;border-radius:50%;background:#fff3;transition:all .3s ease}.dot.active{background:#fff;transform:scale(1.2)}.reveal-slide-container{width:100vw;height:100vh;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;background-color:#111;touch-action:none}.reveal-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.title-overlay{position:absolute;top:40px;left:50%;transform:translate(-50%);z-index:100;background:#0009;padding:16px 32px;border-radius:30px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:#fff;pointer-events:none}.title-overlay h2{font-size:1.5rem;margin-bottom:4px;font-weight:700}.title-overlay p{color:#94a3b8;font-size:.9rem}.slider-handle{position:absolute;top:0;bottom:0;width:48px;transform:translate(-50%);z-index:20;cursor:ew-resize;display:flex;align-items:center;justify-content:center}.slider-line{position:absolute;top:0;bottom:0;width:4px;background:#fff;box-shadow:0 0 10px #00000080}.slider-button{width:56px;height:56px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d;z-index:21;transition:transform .1s,background-color .2s}.slider-handle:hover .slider-button,.slider-handle:active .slider-button{transform:scale(1.1);background:var(--accent)}.slider-handle:hover .slider-button svg,.slider-handle:active .slider-button svg{color:#fff!important}.pdf-slide-container{width:100vw;height:100vh;display:flex;flex-direction:column;background-color:#f1f5f9;padding:30px 2%}.pdf-header{text-align:center;margin-bottom:24px;color:#0f172a}.pdf-header h2{font-size:2rem;font-weight:800;margin-bottom:8px}.pdf-header p{color:#64748b;font-size:1.1rem}.pdf-frame-wrapper{flex:1;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #cbd5e1}.pdf-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#64748b}.pdf-fallback a{color:var(--accent);margin-top:10px;text-decoration:none;font-weight:600}.triplicate-slide-container{width:100%;height:100%;display:flex;flex-direction:column;padding:20px;box-sizing:border-box;position:relative;-webkit-user-select:none;user-select:none}.triplicate-frame-wrapper{flex:1;width:100%;border:1px solid rgba(255,255,255,.2);border-radius:12px;overflow:hidden;background-color:#fff;position:relative}.triplicate-click-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;cursor:pointer}.triplicate-blocker{position:absolute;top:25%;height:70%;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;box-shadow:0 4px 15px #0000001a;z-index:5;transition:opacity .5s ease,transform .5s ease,visibility .5s;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#333;font-size:1.5rem;font-weight:700;text-align:center;padding:20px;border:2px dashed #ccc;pointer-events:none}.triplicate-blocker.hidden{opacity:0;transform:scale(.95) translateY(10px);visibility:hidden}.blocker-1{left:4%;width:30%}.blocker-2{left:35%;width:30%}.blocker-3{left:66%;width:30%}.triplicate-hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#0009;color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;z-index:15;pointer-events:none;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.upload-portal-container{min-height:100vh;background-color:#f8fafc;color:#0f172a;padding:24px;font-family:Inter,system-ui,sans-serif;overflow-y:auto}.portal-header{margin-bottom:32px;text-align:center}.portal-header h1{font-size:1.75rem;font-weight:800;color:#1e293b;margin-bottom:8px}.portal-header p{color:#64748b;font-size:.95rem}.form-card{max-width:600px;margin:0 auto;background:#fff;border-radius:16px;padding:32px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.form-group{margin-bottom:24px}.form-group label{display:block;font-weight:600;margin-bottom:8px;color:#334155}.source-toggle{display:flex;gap:15px;margin-bottom:24px;flex-wrap:wrap}.source-toggle label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.95rem;color:#334155;font-weight:500}.source-toggle input[type=radio]{accent-color:#0ea5e9;cursor:pointer;width:16px;height:16px}select{width:100%;padding:12px 16px;border-radius:8px;border:1px solid #cbd5e1;background-color:#f8fafc;font-size:1rem;color:#0f172a;outline:none;transition:border-color .2s}select:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833}.photo-upload-group{display:flex;align-items:center;gap:16px}.upload-btn{display:inline-flex!important;align-items:center;gap:8px;background-color:#e0f2fe;color:#0284c7;padding:10px 20px;border-radius:8px;cursor:pointer;transition:background-color .2s;font-weight:600!important;margin-bottom:0!important}.upload-btn:hover{background-color:#bae6fd}.photo-count{color:#64748b;font-size:.9rem}.photo-preview-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:32px}@media(min-width:600px){.photo-preview-grid{grid-template-columns:repeat(2,1fr)}}.photo-card{position:relative;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.photo-card img{width:100%;aspect-ratio:4/3;object-fit:cover;background-color:#e2e8f0;display:block}.photo-card textarea{width:100%;padding:12px;border:none;border-top:1px solid #e2e8f0;resize:none;height:80px;font-size:.9rem;outline:none;font-family:inherit}.photo-card textarea:focus{background-color:#f0f9ff}.remove-btn{position:absolute;top:8px;right:8px;background:#0009;color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s}.remove-btn:hover{background:#ef4444}.submit-action{border-top:1px solid #e2e8f0;padding-top:24px;display:flex;flex-direction:column;gap:12px}.submit-btn{width:100%;background-color:#0ea5e9;color:#fff;border:none;padding:14px;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s}.submit-btn:hover:not(:disabled){background-color:#0284c7}.submit-btn:disabled{background-color:#94a3b8;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-msg{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:8px;font-weight:500;font-size:.95rem}.status-msg.success{background-color:#dcfce7;color:#166534}.status-msg.error{background-color:#fee2e2;color:#991b1b}.mobile-sys-container{min-height:100vh;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#f8f9fa;display:flex;flex-direction:column}.mobile-center{justify-content:center;align-items:center}.mobile-auth-bg{background:linear-gradient(135deg,#182848,#4b6cb7);justify-content:center;align-items:center}.expired-bg{background:snow}.mobile-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 10px 30px #0000001a;width:90%;max-width:400px}.mobile-auth-card{background:#fff;padding:2.5rem 2rem;border-radius:20px;box-shadow:0 20px 40px #00000040;width:90%;max-width:380px}.auth-header{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.auth-header h2{color:#1a1a2e;margin:1rem 0 0;font-size:1.8rem}.input-group{position:relative;width:100%}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#888}.auth-input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid #e0e0e0;border-radius:12px;font-size:1.2rem;letter-spacing:2px;box-sizing:border-box;transition:border-color .2s;font-weight:700;color:#333}.auth-input:focus{outline:none;border-color:#1a73e8}.auth-error{color:#d32f2f;font-size:.9rem;font-weight:700;text-align:center}.mobile-btn{padding:1rem;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s,opacity .2s;border:none}.mobile-btn:active{transform:scale(.98)}.submit-btn{background-color:#1a73e8;color:#fff;box-shadow:0 4px 15px #1a73e84d}.outline-btn{background-color:transparent;border:2px solid #555;color:#555}.pres-container{background-color:#f4f7f6;color:#333;min-height:100vh;padding-bottom:6rem}.pres-header{padding:1.5rem;background:linear-gradient(180deg,#ffffffe6,#fff0);text-align:center;z-index:10}.pres-header h1{margin:0;font-size:2rem;font-weight:800;background:-webkit-linear-gradient(45deg,#1a73e8,#4fc3f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pres-section{padding:1.5rem;margin-bottom:1rem}.section-title{font-size:1.5rem;margin-bottom:1rem;color:#1a1a2e;border-left:4px solid #1a73e8;padding-left:.75rem}.slider-container{position:relative;width:100%;aspect-ratio:4/3;border-radius:16px;overflow:hidden;margin-bottom:2rem;box-shadow:0 10px 20px #0000001a;background:#fff}.slider-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.slider-img.img-before{z-index:1}.slider-img.img-after{z-index:2;clip-path:polygon(var(--slider-value, 50%) 0,100% 0,100% 100%,var(--slider-value, 50%) 100%)}.slider-input{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;opacity:0;cursor:ew-resize}.slider-line{position:absolute;top:0;bottom:0;width:4px;background:#fff;z-index:2;left:var(--slider-value, 50%);transform:translate(-50%);box-shadow:0 0 10px #00000080;pointer-events:none}.slider-line:after{content:"↔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;color:#1a73e8;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;box-shadow:0 0 10px #0000004d}.slider-caption{text-align:center;font-style:italic;color:#666;margin-top:-1.2rem;margin-bottom:2rem}.quote-embed{width:100%;height:60vh;border:1px solid #ddd;border-radius:12px;background:#fff;box-shadow:0 4px 12px #0000000d}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.gallery-item{border-radius:12px;overflow:hidden;aspect-ratio:1;background:#e9ecef;display:flex;align-items:center;justify-content:center}.gallery-item img{width:100%;height:100%;object-fit:cover}.purchase-bar{position:fixed;bottom:0;left:0;right:0;padding:1rem 1.5rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #eaeaea;z-index:100}.purchase-btn{width:100%;padding:1.25rem;border-radius:16px;background:linear-gradient(90deg,#00c6ff,#0072ff);color:#fff;font-size:1.3rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;border:none;cursor:pointer;box-shadow:0 10px 25px #0072ff66;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:transform .15s}.purchase-btn:active{transform:scale(.96)}