.kartavya-page{--kartavya-gold: #FACE1D;--kartavya-gold-dark: #C99F14;--kartavya-charcoal: #1a1525;--kartavya-charcoal-light: #2a2640;--kartavya-purple-dark: #362952;--kartavya-cream: #FDFBF7;--kartavya-font-display: "Lora", Georgia, serif;--kartavya-font-body: "DM Sans", system-ui, sans-serif;--kartavya-ease: cubic-bezier(.25, .46, .45, .94)}.kartavya-page{min-height:100vh;background:var(--kartavya-cream)}.kartavya-hero{position:relative;padding:8rem 2rem 4rem;overflow:hidden;background:linear-gradient(135deg,var(--kartavya-charcoal) 0%,var(--kartavya-purple-dark) 50%,var(--kartavya-charcoal-light) 100%)}@media(min-width:768px){.kartavya-hero{padding:10rem 2rem 5rem}}.kartavya-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(250,206,29,.08) 0%,transparent 60%),radial-gradient(ellipse 80% 60% at 20% 80%,rgba(139,92,246,.22) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 90% 30%,rgba(124,58,237,.18) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(147,51,234,.15) 0%,transparent 50%);pointer-events:none}.kartavya-hero-grain{position:absolute;inset:0;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");pointer-events:none;mix-blend-mode:soft-light}.kartavya-hero-decoration{position:absolute;border-radius:50%;border:1px solid rgba(139,92,246,.12);pointer-events:none}.kartavya-hero-decoration-1{width:400px;height:400px;top:-150px;right:-100px}.kartavya-hero-decoration-2{width:250px;height:250px;bottom:-80px;left:-60px}.kartavya-hero-content{position:relative;z-index:10;max-width:800px;margin:0 auto;text-align:center}.kartavya-hero-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:#face1d26;border:1px solid rgba(250,206,29,.3);border-radius:20px;margin-bottom:1.5rem;animation:kartavyaFadeInDown .8s var(--kartavya-ease)}.kartavya-hero-icon svg{width:36px;height:36px;color:var(--kartavya-gold)}.kartavya-hero-title{font-family:var(--kartavya-font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:600;color:#fff;line-height:1.1;letter-spacing:-.02em;margin-bottom:1rem;animation:kartavyaFadeInUp .8s var(--kartavya-ease) .1s both}.kartavya-hero-title span{color:var(--kartavya-gold)}.kartavya-hero-subtitle{font-family:var(--kartavya-font-body);font-size:1.125rem;line-height:1.7;color:#fff9;max-width:550px;margin:0 auto;animation:kartavyaFadeInUp .8s var(--kartavya-ease) .2s both}.kartavya-container{max-width:1100px;margin:0 auto;padding:2.5rem 1.5rem 4rem}@media(min-width:768px){.kartavya-container{padding:3rem 2rem 5rem}}.kartavya-controls{background:#fff;border-radius:20px;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 24px #0000000a;padding:1.5rem;margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.kartavya-controls{flex-direction:row;align-items:center;justify-content:space-between}}.kartavya-page-info{flex:1}.kartavya-section-title{font-family:var(--kartavya-font-display);font-size:1.25rem;font-weight:600;color:var(--kartavya-charcoal);margin-bottom:.25rem}.kartavya-section-desc{font-family:var(--kartavya-font-body);font-size:.875rem;color:#666}.kartavya-download-btn{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem 1.75rem;background:var(--kartavya-gold);color:var(--kartavya-charcoal);font-family:var(--kartavya-font-body);font-size:.95rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s var(--kartavya-ease)}.kartavya-download-btn:hover{background:var(--kartavya-gold-dark);transform:translateY(-2px);box-shadow:0 8px 24px #face1d40}.kartavya-download-btn svg{width:20px;height:20px}.kartavya-viewer{background:#fff;border-radius:24px;border:1px solid rgba(0,0,0,.06);box-shadow:0 8px 40px #0000000f;overflow:hidden}.kartavya-pdf-iframe{width:100%;height:80vh;min-height:500px;border:none;display:block}@media(min-width:768px){.kartavya-viewer{padding:3rem}}.kartavya-flipbook-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.kartavya-flipbook-container.kartavya-fullscreen{position:fixed;inset:0;z-index:var(--z-fullscreen);background:var(--kartavya-charcoal);padding:2rem;min-height:100vh}.kartavya-book-wrapper{position:relative}.kartavya-flipbook{box-shadow:0 20px 60px #0003;border-radius:4px}.kartavya-book-page{background-color:#fff;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.kartavya-book-page img{width:100%;height:100%;object-fit:contain;display:block}.kartavya-nav-controls{display:flex;align-items:center;gap:1rem;margin-top:1.5rem}.kartavya-nav-controls.kartavya-nav-fullscreen{margin-top:2rem}.kartavya-nav-btn{width:44px;height:44px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s var(--kartavya-ease);box-shadow:0 4px 16px #00000014}.kartavya-nav-fullscreen .kartavya-nav-btn{background:#ffffff1a;border-color:#fff3}.kartavya-nav-btn:hover:not(:disabled){background:var(--kartavya-gold);border-color:var(--kartavya-gold);transform:scale(1.05)}.kartavya-nav-btn:disabled{opacity:.4;cursor:not-allowed}.kartavya-nav-btn svg{width:20px;height:20px;color:#444}.kartavya-nav-fullscreen .kartavya-nav-btn svg{color:#fff}.kartavya-nav-btn:hover:not(:disabled) svg{color:var(--kartavya-charcoal)}.kartavya-fullscreen-btn{margin-left:.5rem}.kartavya-page-counter{font-family:var(--kartavya-font-body);font-size:.9rem;color:#666}.kartavya-nav-fullscreen .kartavya-page-counter{color:#ffffffb3}.kartavya-page-counter strong{color:var(--kartavya-charcoal);font-weight:600}.kartavya-nav-fullscreen .kartavya-page-counter strong{color:#fff}.kartavya-mobile-hint{margin-top:1rem;font-family:var(--kartavya-font-body);font-size:.8rem;color:#888}.kartavya-nav-fullscreen+.kartavya-mobile-hint{color:#ffffff80}.kartavya-keyboard-hint{text-align:center;margin-top:1rem;font-family:var(--kartavya-font-body);font-size:.75rem;color:#999}@media(max-width:768px){.kartavya-keyboard-hint{display:none}}.kartavya-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8rem 2rem}.kartavya-spinner{width:48px;height:48px;border:3px solid rgba(0,0,0,.08);border-top-color:var(--kartavya-gold);border-radius:50%;animation:kartavyaSpin .8s linear infinite}.kartavya-loading-text{margin-top:1.25rem;font-family:var(--kartavya-font-body);font-size:.95rem;color:#666}.kartavya-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8rem 2rem;text-align:center}.kartavya-error-icon{width:64px;height:64px;background:#ef44441a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.kartavya-error-icon svg{width:32px;height:32px;color:#ef4444}.kartavya-error-title{font-family:var(--kartavya-font-body);font-size:1.125rem;font-weight:600;color:var(--kartavya-charcoal);margin-bottom:.5rem}.kartavya-error-message{font-family:var(--kartavya-font-body);font-size:.9rem;color:#666;margin-bottom:1.5rem}.kartavya-retry-btn{padding:.75rem 1.5rem;background:var(--kartavya-gold);color:var(--kartavya-charcoal);font-family:var(--kartavya-font-body);font-size:.9rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;text-decoration:none;transition:all .3s var(--kartavya-ease)}.kartavya-retry-btn:hover{background:var(--kartavya-gold-dark)}.kartavya-info{margin-top:2rem;background:linear-gradient(135deg,#8b5cf614,#7c3aed0d);border:1px solid rgba(139,92,246,.15);border-radius:16px;padding:1.5rem}.kartavya-info-title{font-family:var(--kartavya-font-display);font-size:1.125rem;font-weight:600;color:var(--kartavya-charcoal);margin-bottom:.5rem}.kartavya-info-text{font-family:var(--kartavya-font-body);font-size:.9rem;color:#555;line-height:1.6}.kartavya-info-text strong{color:var(--kartavya-charcoal)}.kartavya-info-hint{font-family:var(--kartavya-font-body);font-size:.8rem;color:#888;margin-top:.5rem}@keyframes kartavyaFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes kartavyaFadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes kartavyaSpin{to{transform:rotate(360deg)}}