.container-page{width:100%;max-width:1200px;margin:32px auto;padding:0 24px;box-sizing:border-box;color:var(--text)}.home-section{margin-top:32px;padding:32px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:background var(--transition),border-color var(--transition),box-shadow var(--transition)}.home-hero{margin-top:32px;padding:56px 40px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:background var(--transition),border-color var(--transition),box-shadow var(--transition)}.home-hero h1{margin:0 0 14px;color:var(--text);font-size:clamp(2.2rem,6vw,4rem);font-weight:800;line-height:1.1;letter-spacing:-.04em}.home-hero h2{max-width:800px;margin:0 auto 24px;color:var(--primary);font-size:clamp(1.25rem,3vw,1.8rem);font-weight:700;line-height:1.4}.home-hero p{max-width:850px;margin:0 auto 18px;color:var(--text-secondary);font-size:1.05rem;line-height:1.8}.home-hero p:last-child{margin-bottom:0}.home-section h2{margin:0 0 20px;color:var(--text);font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;line-height:1.25;letter-spacing:-.025em}.home-section h3{margin:0 0 12px;color:var(--text);font-size:1.15rem;font-weight:700;line-height:1.4}.home-section p{margin:0 0 18px;color:var(--text-secondary);font-size:1rem;line-height:1.8}.home-section p:last-child{margin-bottom:0}.home-section strong{color:var(--text);font-weight:700}.highlight-text{margin:24px 0!important;padding:18px 20px;background:var(--surface-hover);border-left:4px solid var(--primary);border-radius:0 var(--radius) var(--radius) 0;color:var(--text)!important;font-size:1.1rem!important;line-height:1.7}.feature-list,.process-list{margin:20px 0;padding-left:24px;color:var(--text-secondary)}.feature-list li,.process-list li{margin-bottom:12px;padding-left:6px;line-height:1.7}.feature-list li::marker,.process-list li::marker{color:var(--primary);font-weight:700}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.feature-card{padding:24px;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius);transition:transform var(--transition),background var(--transition),border-color var(--transition),box-shadow var(--transition)}.feature-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:var(--shadow)}.feature-card h3{color:var(--primary)}.feature-card p{margin-bottom:0}.process-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0;list-style:none;counter-reset:process}.process-list li{position:relative;margin:0;padding:18px 18px 18px 60px;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius);counter-increment:process}.process-list li:before{content:counter(process);position:absolute;top:50%;left:18px;display:grid;place-items:center;width:30px;height:30px;color:#fff;background:var(--primary);border-radius:50%;font-size:.9rem;font-weight:800;transform:translateY(-50%)}.faq-list{display:grid;gap:14px;margin-top:24px}.faq-item{padding:22px;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius);transition:background var(--transition),border-color var(--transition)}.faq-item:hover{border-color:var(--primary)}.faq-item h3{color:var(--primary)}.faq-item p{margin-bottom:0}.home-section:first-of-type{margin-top:32px}.home-section:last-child{margin-bottom:32px}@media(max-width:768px){.container-page{margin:24px auto;padding:0 16px}.home-hero{margin-top:24px;padding:42px 24px}.home-section{margin-top:24px;padding:24px}.feature-grid,.process-list{grid-template-columns:1fr}}@media(max-width:480px){.container-page{margin:16px auto;padding:0 12px}.home-hero{margin-top:16px;padding:36px 18px;border-radius:var(--radius)}.home-hero h1{font-size:2rem}.home-hero h2{font-size:1.2rem}.home-hero p{font-size:.96rem;line-height:1.75}.home-section{margin-top:16px;padding:20px 16px;border-radius:var(--radius)}.home-section h2{font-size:1.4rem}.home-section h3{font-size:1.08rem}.home-section p{font-size:.96rem;line-height:1.75}.feature-card,.faq-item{padding:18px}.highlight-text{padding:16px;font-size:1rem!important}.process-list li{padding:16px 14px 16px 54px}}.container{width:min(1120px,92%);margin:auto}.hero{padding:90px 0 65px;text-align:center}.hero h1{max-width:850px;margin:0 auto 20px;font-size:clamp(36px,7vw,68px);line-height:1.08}.hero h1 span{color:var(--primary)}.hero p{max-width:700px;margin:auto;color:var(--text-secondary);font-size:17px;line-height:1.8}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:80px}.card{padding:25px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:transform var(--transition),border-color var(--transition)}.card:hover{border-color:var(--primary);transform:translateY(-4px)}.card h2{margin-bottom:12px;color:var(--primary)}.card p{color:var(--text-secondary);line-height:1.7}@media(max-width:768px){.grid{grid-template-columns:1fr}.hero{padding:65px 0 45px}}.home-wrap{max-width:1200px;margin:auto}.home-wrap--sm{max-width:900px}.home-section{padding:5rem 1rem}.home-section--surface{background:var(--surface)}.home-section--bg{background:var(--bg)}.home-header{max-width:760px;margin:0 auto 3rem;text-align:center}.home-label{display:inline-block;margin-bottom:1rem;padding:.45rem 1rem;border:1px solid var(--border);border-radius:999px;color:var(--primary);font-size:.9rem;font-weight:600}.home-title{margin-bottom:1rem;color:var(--text);font-size:clamp(2rem,4vw,3rem);line-height:1.25}.home-desc{color:var(--text-secondary);line-height:1.8}.home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.home-card{padding:2rem;border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition)}.home-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.home-card h3{margin-bottom:1rem;color:var(--text);font-size:1.2rem}.home-card p{color:var(--text-secondary);line-height:1.8}.featured .home-label,.categories .home-label,.featured .home-card,.categories .home-card{background:var(--bg)}.latest .home-label{background:var(--surface)}.latest-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition)}.latest-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.latest-image{display:block;aspect-ratio:16/9}.latest-image img{width:100%;height:100%;object-fit:cover;display:block}.latest-content{padding:1.5rem}.latest-content h3{margin-bottom:.8rem;font-size:1.2rem}.latest-content h3 a{color:var(--text);text-decoration:none}.latest-content p{margin-bottom:1.25rem;color:var(--text-secondary);line-height:1.7}.latest-link{color:var(--primary);font-weight:600}.faq .home-label{background:var(--surface)}.faq-item{margin-bottom:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:var(--transition)}.faq-item summary{position:relative;padding:20px 10px;color:var(--text);font-weight:600;cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);color:var(--primary);font-size:1.4rem}.faq-item[open] summary:after{content:"−"}.faq-content{padding:0 1.5rem 1.5rem}.faq-content p{margin:0;color:var(--text-secondary);line-height:1.8}.cta{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 100%,var(--surface)),color-mix(in srgb,var(--primary) 72%,var(--bg)))}.cta .home-wrap{text-align:center}.cta .home-label{color:var(--surface);border-color:color-mix(in srgb,var(--surface) 30%,transparent);background:color-mix(in srgb,var(--surface) 12%,transparent)}.cta .home-title,.cta .home-desc{color:var(--surface)}.cta-action{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-top:2rem}@media(max-width:900px){.home-section{padding:4rem 1rem}.home-grid{grid-template-columns:1fr}}.attendance-hero{position:relative;width:100%;min-height:680px;display:flex;align-items:center;overflow:hidden;padding:50px 20px;color:var(--text);background:radial-gradient(circle at 82% 45%,color-mix(in srgb,var(--primary) 10%,transparent),transparent 35%),var(--bg);transition:background var(--transition),color var(--transition)}.attendance-hero:before{content:"";position:absolute;width:650px;height:650px;right:-260px;top:50%;transform:translateY(-50%);border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);border-radius:50%;pointer-events:none}.attendance-hero:after{content:"";position:absolute;width:470px;height:470px;right:-165px;top:50%;transform:translateY(-50%);border:1px solid color-mix(in srgb,var(--primary) 12%,transparent);border-radius:50%;pointer-events:none}.attendance-hero__grid{position:relative;z-index:2;width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:center;gap:60px}.attendance-hero__content{max-width:680px}.attendance-hero__eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:18px;color:var(--primary);font-size:11px;font-weight:800;letter-spacing:2px}.attendance-hero__eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 10px color-mix(in srgb,var(--primary) 55%,transparent)}.attendance-hero h1{max-width:720px;margin:0;color:var(--text);font-size:clamp(38px,5vw,64px);font-weight:800;line-height:1.1;letter-spacing:-2px}.attendance-hero h1 strong{color:var(--primary)}.attendance-hero__description{max-width:610px;margin-top:23px;color:var(--text-secondary);font-size:16px;line-height:1.8}.attendance-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.attendance-btn{min-height:50px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #fff0;border-radius:calc(var(--radius) - 3px);font-size:12px;font-weight:800;letter-spacing:.7px;transition:transform var(--transition),background var(--transition),border-color var(--transition),box-shadow var(--transition)}.attendance-btn--primary{color:#fff;background:var(--primary);box-shadow:0 7px 20px color-mix(in srgb,var(--primary) 25%,transparent)}html[data-theme=dark] .attendance-btn--primary{color:#202124}.attendance-btn--primary:hover{transform:translateY(-3px);box-shadow:0 10px 26px color-mix(in srgb,var(--primary) 38%,transparent)}.attendance-btn--secondary{color:var(--text);border-color:var(--border);background:var(--surface)}.attendance-btn--secondary:hover{transform:translateY(-3px);border-color:var(--primary);background:var(--surface-hover)}.attendance-stats{display:flex;flex-wrap:wrap;gap:25px;margin-top:40px}.attendance-stat{padding-left:13px;border-left:3px solid var(--primary)}.attendance-stat strong{display:block;color:var(--text);font-size:17px;line-height:1.3}.attendance-stat span{display:block;margin-top:3px;color:var(--text-secondary);font-size:9px;font-weight:700;letter-spacing:1px}.attendance-clock-area{display:flex;align-items:center;justify-content:center}.attendance-clock-shell{position:relative;width:410px;height:410px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--border));border-radius:50%;background:color-mix(in srgb,var(--surface) 65%,transparent);box-shadow:var(--shadow)}.attendance-clock-shell:before{content:"";position:absolute;width:338px;height:338px;border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);border-radius:50%}.attendance-clock-shell:after{content:"";position:absolute;width:370px;height:370px;border-top:2px solid var(--primary);border-right:2px solid #fff0;border-radius:50%;transform:rotate(-42deg);opacity:.55}.attendance-clock{position:relative;z-index:2;width:275px;height:275px;border:1px solid var(--border);border-radius:50%;background:var(--surface);box-shadow:inset 0 0 28px color-mix(in srgb,var(--primary) 7%,transparent)}.attendance-clock__ticks{position:absolute;inset:7px;border-radius:50%;background:repeating-conic-gradient(from 0deg,var(--primary) 0deg 1deg,transparent 1deg 6deg);opacity:.28;-webkit-mask:radial-gradient(transparent 0 89%,#000 90%);mask:radial-gradient(transparent 0 89%,#000 90%)}.attendance-clock__number{position:absolute;z-index:4;color:var(--text-secondary);font-size:10px;font-weight:800}.number-12{top:27px;left:50%;transform:translate(-50%)}.number-3{top:50%;right:25px;transform:translateY(-50%)}.number-6{bottom:27px;left:50%;transform:translate(-50%)}.number-9{top:50%;left:25px;transform:translateY(-50%)}.attendance-hand{position:absolute;z-index:5;left:50%;bottom:50%;transform:translate(-50%) rotate(0);transform-origin:bottom center;border-radius:10px}.attendance-hand--hour{width:4px;height:65px;background:var(--text)}.attendance-hand--minute{width:3px;height:88px;background:var(--primary)}.attendance-hand--second{width:1px;height:98px;background:var(--primary);opacity:.7}.attendance-clock__center{position:absolute;z-index:7;top:50%;left:50%;width:12px;height:12px;transform:translate(-50%,-50%);border:2px solid var(--surface);border-radius:50%;background:var(--primary);box-shadow:0 0 12px color-mix(in srgb,var(--primary) 55%,transparent)}.attendance-digital{position:absolute;z-index:8;bottom:-45px;width:275px;padding:12px 15px;text-align:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.attendance-digital__time{color:var(--text);font-family:Courier New,monospace;font-size:31px;font-weight:500;letter-spacing:4px;line-height:1.2}.attendance-digital__date{margin-top:6px;color:var(--primary);font-size:8px;font-weight:800;letter-spacing:1.4px}@media(max-width:900px){.attendance-hero{min-height:auto;padding:75px 20px 110px}.attendance-hero__grid{grid-template-columns:1fr;text-align:center;gap:70px}.attendance-hero__content{max-width:750px;margin:auto}.attendance-hero__description{margin-left:auto;margin-right:auto}.attendance-hero__actions,.attendance-stats{justify-content:center}}@media(max-width:600px){.attendance-hero{padding:60px 14px 100px}.attendance-hero h1{font-size:38px;letter-spacing:-1.2px}.attendance-hero__description{font-size:14px}.attendance-hero__actions{display:grid;grid-template-columns:1fr}.attendance-btn{width:100%}.attendance-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:left}.attendance-stat{padding-left:8px}.attendance-stat strong{font-size:13px}.attendance-stat span{font-size:7px;letter-spacing:.5px}.attendance-clock-shell{width:330px;height:330px}.attendance-clock-shell:before{width:270px;height:270px}.attendance-clock-shell:after{width:295px;height:295px}.attendance-clock{width:225px;height:225px}.attendance-hand--hour{height:52px}.attendance-hand--minute{height:72px}.attendance-hand--second{height:80px}.attendance-digital{width:245px;bottom:-48px}.attendance-digital__time{font-size:27px}.number-12{top:22px}.number-6{bottom:22px}.number-3{right:20px}.number-9{left:20px}}