#N .section-content{padding:0}.mockups-number{position:relative;z-index:1000;display:flex;flex-wrap:wrap;width:100%;height:100%;min-height:100vh;overflow:hidden;background:#14141f;color:#e6e6e6f2;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,system-ui,sans-serif!important}.mockups-number-menu{position:relative;z-index:1001;display:flex;justify-content:center;width:100%;height:40px;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid hsla(210,80%,85%,.5);background:linear-gradient(to right,#4799eb,#1f1fad);color:#ffffffe6}.mockups-number-tabs{display:flex;height:100%}.mockups-number-tab{display:flex;align-items:center;height:100%;padding:0 20px;font-size:15px;color:#ffffffe6;cursor:pointer;transition:background .2s ease;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,system-ui,sans-serif}.mockups-number-tab:hover{background:#ffffff26}.mockups-number-tab.mockups-number-active{background:#fff3;font-weight:700}.mockups-number-main{position:relative;z-index:1002;display:flex;flex-direction:column;width:100%;height:calc(100% - 40px);overflow-x:hidden;overflow-y:auto;padding:10px}.mockups-number-main h1,.mockups-number-main h2,.mockups-number-main h3,.mockups-number-main h4,.mockups-number-main h5{color:#6ab3fb;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,system-ui,sans-serif}.mockups-number-main h1{font-size:36px;line-height:44px;letter-spacing:-.015em;font-weight:900;text-align:center;margin-bottom:24px}.mockups-number-main h2{font-size:24px;line-height:32px;letter-spacing:-.01em;font-weight:700;margin-bottom:16px;text-align:center}.mockups-number-main h3{font-size:18px;line-height:24px;letter-spacing:-.005em;font-weight:500;margin-bottom:12px}.mockups-number-main h4{font-size:16px;line-height:24px;font-weight:400;margin-bottom:8px}.mockups-number-main h5{font-size:14px;line-height:20px;font-weight:300;margin-bottom:8px}.mockups-number-main p{font-size:16px;line-height:24px;margin-bottom:16px}.mockups-number-main a{color:#4799eb;text-decoration:none;transition:color .2s ease}.mockups-number-main a:hover{color:#1f1fad}.mockups-number-main button,.mockups-number .mockups-number-main .mockups-number-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:6px;font-size:16px;font-weight:600;letter-spacing:.5px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px #2662d933}.mockups-number-tagline{font-size:18px;line-height:28px;color:#8cbff2;text-align:center;max-width:800px;margin:0 auto 40px}.welcome-container,.sovereignty-container,.permission-container,.positioning-container,.acuity-container,.color-container,.temporal-container,.contrast-container,.fov-container,.results-container,.preview-container,.adjustment-container,.blockchain-container,.completion-container{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 20px}.tavatar-container,.sovereignty-visual,.permission-visual,.positioning-visual,.acuity-visual,.color-visual,.temporal-visual,.contrast-visual,.fov-visual,.results-visual,.blockchain-visual,.celebration-visual{flex:0 0 450px;display:flex;flex-direction:column;align-items:center;margin-right:40px}.interface-preview{flex:0 0 800px;display:flex;flex-direction:column;margin-right:40px;background:#1b1b3280;border-radius:10px;border:1px solid hsla(210,70%,50%,.3);overflow:hidden}.adjustment-controls{flex:0 0 500px;display:flex;flex-direction:column}.adjustment-preview,.blockchain-info,.completion-info,.sovereignty-text,.permission-text,.positioning-instructions,.acuity-info,.color-info,.temporal-info,.contrast-info,.fov-info,.results-info{flex:1;max-width:550px}.primary-btn{background:linear-gradient(135deg,#4799eb,#2626d9);color:#fff;border:none;box-shadow:0 4px 15px #1f36ad80}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1f36adb3}.secondary-btn{background:transparent;color:#75b3f0;border:1px solid hsla(210,80%,60%,.5)}.secondary-btn:hover{background:#4799eb1a;border-color:#4799ebcc}.tertiary-btn{background:transparent;color:#75b3f0cc;border:none;font-size:14px;padding:10px 20px}.tertiary-btn:hover{color:#75b3f0;background:#4799eb0d}.welcome-actions,.sovereignty-actions,.permission-actions,.positioning-actions,.acuity-actions,.color-actions,.temporal-actions,.contrast-actions,.fov-actions,.results-actions,.blockchain-actions,.completion-actions{display:flex;flex-direction:column;gap:10px;margin-top:30px}.welcome-btn,.sovereignty-btn,.permission-btn,.positioning-btn,.acuity-btn,.color-btn,.temporal-btn,.contrast-btn,.fov-btn,.results-btn,.adjustment-btn,.blockchain-btn,.completion-btn{padding:14px 28px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.info-section{margin-bottom:25px}.info-section h3{color:#75b3f0;font-size:18px;margin-bottom:10px;font-weight:600}.info-section p{font-size:16px;line-height:24px;color:#e6e6e6cc;margin-bottom:10px}.info-list{margin-bottom:15px;padding-left:20px}.info-list li{margin-bottom:8px;font-size:15px;line-height:22px;color:#e6e6e6cc}.info-list strong{color:#75b3f0;font-weight:600}.test-display{position:relative;width:100%;height:300px;background:#1b1b3280;border-radius:20px;border:1px solid hsla(210,70%,50%,.3);overflow:hidden;margin-bottom:30px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px}.test-instructions{width:100%;text-align:center}.test-instructions p{font-size:16px;color:#ffffffe6;margin-bottom:10px}.test-progress{width:100%;margin-top:10px}.progress-bar{width:100%;height:6px;background:#242442cc;border-radius:3px;overflow:hidden;margin-bottom:5px}.progress-fill{height:100%;background:linear-gradient(to right,#4799eb,#2626d9);border-radius:3px}.progress-text{font-size:14px;color:#ffffffb3;text-align:center}.visualization-title{font-size:16px;color:#75b3f0;text-align:center;margin-bottom:15px;font-weight:500}.acuity-visualization,.color-visualization,.temporal-visualization,.contrast-visualization,.fov-visualization{width:100%;background:#1b1b3280;border-radius:20px;border:1px solid hsla(210,70%,50%,.3);padding:20px}.metric-label{font-size:12px;color:#75b3f0e6;margin-bottom:5px}.metric-value{font-size:14px;color:#ffffffe6;font-weight:500}.tavatar{width:400px;height:400px;filter:drop-shadow(0 0 20px hsla(210,95%,60%,.5))}.welcome-text{flex:1;max-width:600px}.welcome-text p{font-size:18px;line-height:28px;color:#e6e6e6e6;margin-bottom:20px}.welcome-time{display:flex;align-items:center;margin-top:20px}.time-icon{width:20px;height:20px;border-radius:50%;border:2px solid hsla(210,80%,70%,.7);position:relative;margin-right:10px}.time-icon:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:2px;background:#75b3f0b3;transform:translate(-50%,-50%) rotate(0);transform-origin:center;animation:clockwise 4s linear infinite}.time-icon:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:2px;background:#75b3f0b3;transform:translate(-50%,-50%) rotate(90deg);transform-origin:center;animation:clockwise 48s linear infinite}.time-text{font-size:14px;color:#75b3f0e6;margin:0}.device-container{position:relative;width:300px;height:500px;margin-bottom:30px}.device-outline{position:absolute;top:0;left:50%;transform:translate(-50%);width:280px;height:480px;border:2px solid hsla(210,70%,50%,.8);border-radius:30px;background:#1b1b32b3;box-shadow:0 0 20px #2680d94d;overflow:hidden}.device-screen{position:absolute;top:20px;left:10px;right:10px;bottom:20px;background:#14141fe6;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}.data-visualization{position:relative;width:100%;height:80%;display:flex;flex-direction:column;justify-content:center;align-items:center}.data-eye-container{width:80%;height:160px;margin-bottom:20px}.data-eye{width:100%;height:100%}.data-particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.data-particle{position:absolute;width:6px;height:6px;background:#3d99f5cc;border-radius:50%;box-shadow:0 0 5px #3d99f5cc;animation:float 3s infinite ease-in-out}.data-particle:nth-child(2n){animation-duration:4s;background:#3d3df5cc;box-shadow:0 0 5px #3d3df5cc}.data-particle:nth-child(3n){animation-duration:5s;animation-delay:1s;background:#993df5cc;box-shadow:0 0 5px #993df5cc}.data-particle:nth-child(4n){animation-duration:6s;animation-delay:2s}.lock-container{position:relative;width:60px;height:80px;margin-top:20px}.lock-body{position:absolute;bottom:0;left:10px;width:40px;height:40px;background:#0d80f2e6;border-radius:5px;box-shadow:0 0 10px #0d80f280}.lock-shackle{position:absolute;top:0;left:15px;width:30px;height:45px;border:5px solid hsla(210,90%,50%,.9);border-bottom:none;border-radius:15px 15px 0 0;box-shadow:0 0 10px #0d80f280}.device-encryption-text{font-size:14px;color:#3d99f5;margin-top:15px;font-family:monospace;letter-spacing:1px}.device-shadow{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:200px;height:20px;background:#0000004d;border-radius:50%;filter:blur(10px)}.blockchain-container{width:100%;padding:20px;background:#1b1b3280;border-radius:10px;border:1px solid hsla(210,70%,50%,.3)}.blockchain-title{font-size:16px;color:#6eb3f7;text-align:center;margin-bottom:15px;font-weight:500}.blockchain-blocks{display:flex;align-items:center;justify-content:space-between}.blockchain-block{width:80px;height:100px;background:#242442cc;border-radius:5px;border:1px solid hsla(210,70%,50%,.5);overflow:hidden;display:flex;flex-direction:column}.block-header{height:20px;background:#1f66adcc;padding:2px 5px;display:flex;align-items:center;justify-content:center}.block-hash{font-size:8px;color:#ffffffe6;font-family:monospace}.block-body{flex:1;display:flex;align-items:center;justify-content:center;padding:5px}.block-icon{width:30px;height:30px}.blockchain-connector{width:60px;height:2px;background:linear-gradient(to right,#2680d980,#2680d9e6,#2680d980)}.sovereignty-point{display:flex;align-items:flex-start;margin-bottom:25px}.point-icon{width:30px;height:30px;border-radius:50%;margin-right:15px;margin-top:5px;position:relative}.on-device{background:#0d80f233;border:2px solid hsla(210,90%,50%,.8)}.on-device:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:20px;background:#0d80f2cc;border-radius:2px}.on-device:after{content:"";position:absolute;top:30%;left:50%;transform:translate(-50%);width:6px;height:6px;background:#ffffffe6;border-radius:50%}.encryption{background:#7f0df233;border:2px solid hsla(270,90%,50%,.8)}.encryption:before{content:"";position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:14px;height:10px;background:#7f0df2cc;border-radius:2px}.encryption:after{content:"";position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#ffffffe6;border-radius:50%}.blockchain{background:#f20d8033;border:2px solid hsla(330,90%,50%,.8)}.blockchain:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:4px;background:#f20d80cc}.blockchain:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:16px;background:#f20d80cc}.control{background:#0ac26633;border:2px solid hsla(150,90%,40%,.8)}.control:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:14px;height:14px;border:2px solid hsla(150,90%,40%,.8);border-radius:50%}.control:after{content:"";position:absolute;top:50%;left:70%;transform:translate(-50%,-50%);width:8px;height:2px;background:#0ac266cc}.point-content{flex:1}.point-content h3{color:#75b3f0;font-size:18px;margin-bottom:8px;font-weight:600}.point-content p{font-size:16px;line-height:24px;color:#e6e6e6cc;margin-bottom:0}.camera-visualization{position:relative;width:400px;height:300px;background:#1b1b3280;border-radius:20px;border:1px solid hsla(210,70%,50%,.3);padding:20px;margin-bottom:30px;display:flex;flex-direction:column;align-items:center;justify-content:center}.camera-lens{position:relative;width:120px;height:120px;border-radius:50%;background:#242442b3;border:2px solid hsla(210,70%,50%,.8);display:flex;justify-content:center;align-items:center;margin-bottom:20px}.lens-inner{position:relative;width:80px;height:80px;border-radius:50%;background:#121221;display:flex;justify-content:center;align-items:center;overflow:hidden}.lens-aperture{position:absolute;width:40px;height:40px;border-radius:50%;background:#053361;box-shadow:0 0 20px #3d99f580 inset}.lens-reflection{position:absolute;top:15px;left:25px;width:15px;height:5px;border-radius:50%;background:#ffffff80;transform:rotate(-30deg)}.lens-processing-ring{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:3px solid transparent;border-top:3px solid hsla(210,90%,60%,.8);animation:rotate 2s linear infinite}.processing-visualization{width:100%;height:100px;margin-bottom:20px}.processing-waves{width:100%;height:60px;position:relative;overflow:hidden}.wave-svg{width:100%;height:100%}.wave{animation:wave 3s ease-in-out infinite}.wave:nth-child(2){animation-delay:.5s}.wave:nth-child(3){animation-delay:1s}.processing-nodes{position:relative;width:100%;height:40px}.node{position:absolute;width:12px;height:12px;border-radius:50%;background:#3d99f5cc;box-shadow:0 0 10px #3d99f580}.node1{left:30%;top:50%;transform:translateY(-50%)}.node2{left:50%;top:50%;transform:translateY(-50%)}.node3{left:70%;top:50%;transform:translateY(-50%)}.node-connection{position:absolute;height:2px;top:50%;transform:translateY(-50%);background:linear-gradient(to right,#3d99f54d,#3d99f5cc,#3d99f54d)}.n1-n2{left:calc(30% + 6px);width:calc(20% - 12px)}.n2-n3{left:calc(50% + 6px);width:calc(20% - 12px)}.camera-frame{position:relative;width:100%;height:80px;border:2px dashed hsla(210,70%,50%,.5);border-radius:10px}.frame-corner{position:absolute;width:15px;height:15px;border:2px solid hsla(210,70%,60%,.8)}.top-left{top:-2px;left:-2px;border-right:none;border-bottom:none;border-top-left-radius:5px}.top-right{top:-2px;right:-2px;border-left:none;border-bottom:none;border-top-right-radius:5px}.bottom-left{bottom:-2px;left:-2px;border-right:none;border-top:none;border-bottom-left-radius:5px}.bottom-right{bottom:-2px;right:-2px;border-left:none;border-top:none;border-bottom-right-radius:5px}.frame-scanning-line{position:absolute;top:0;left:0;width:100%;height:2px;background:#3d99f5cc;box-shadow:0 0 10px #3d99f580;animation:scan 2s ease-in-out infinite}.privacy-indicators{display:flex;justify-content:space-between;width:100%;margin-top:20px}.privacy-indicator{display:flex;flex-direction:column;align-items:center}.indicator-icon{width:24px;height:24px;border-radius:50%;margin-bottom:5px;position:relative}.local{background:#0d80f233;border:2px solid hsla(210,90%,50%,.8)}.local:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:8px;border-radius:2px;background:#0d80f2cc}.encrypted{background:#7f0df233;border:2px solid hsla(270,90%,50%,.8)}.encrypted:before{content:"";position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:10px;height:8px;background:#7f0df2cc;border-radius:2px}.encrypted:after{content:"";position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:#fffc;border-radius:50%}.temporary{background:#f20d8033;border:2px solid hsla(330,90%,50%,.8)}.temporary:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:10px;height:10px;border:2px solid hsla(330,90%,50%,.8);border-radius:50%}.temporary:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-25%,-50%);width:7px;height:2px;background:#f20d80cc;transform-origin:right;animation:clock 2s linear infinite}.indicator-label{font-size:12px;color:#e6e6e6b3;text-align:center}.permission-dialog{width:400px;background:#1f1f2e;border-radius:10px;overflow:hidden;border:1px solid hsla(210,70%,50%,.3);box-shadow:0 5px 20px #0000004d}.dialog-header{display:flex;align-items:center;padding:15px;background:#242442;border-bottom:1px solid hsla(210,70%,50%,.3)}.dialog-icon{margin-right:10px}.dialog-title{font-size:16px;font-weight:600;color:#ffffffe6}.dialog-content{padding:20px;border-bottom:1px solid hsla(210,70%,50%,.2)}.dialog-content p{margin-bottom:10px;font-size:15px;color:#e6e6e6e6}.dialog-description{font-size:13px!important;color:#cccc!important}.dialog-actions{display:flex;justify-content:flex-end;padding:15px}.dialog-btn{padding:10px 20px;border-radius:5px;font-size:14px;font-weight:600;margin-left:10px;cursor:pointer}.deny-btn{background:transparent;color:#4799eb;border:1px solid hsla(210,80%,60%,.5)}.deny-btn:hover{background:#4799eb1a}.allow-btn{background:#4799eb;color:#fff;border:none}.allow-btn:hover{background:#5aa6f2}.permission-details{width:100%}.permission-details h3{color:#75b3f0;font-size:18px;margin-top:20px;margin-bottom:10px;font-weight:600}.permission-details p{font-size:16px;line-height:24px;color:#e6e6e6cc;margin-bottom:15px}.privacy-list{margin-bottom:20px;padding-left:20px}.privacy-list li{margin-bottom:10px;font-size:15px;line-height:22px;color:#e6e6e6cc}.privacy-list strong{color:#75b3f0;font-weight:600}.consent-options{display:flex;flex-direction:column;gap:10px;margin-bottom:25px}.consent-option{display:flex;align-items:center}.consent-checkbox{width:18px;height:18px;margin-right:10px;accent-color:hsla(210,80%,60%,1)}.consent-label{font-size:15px;color:#e6e6e6e6}.device-frame{position:relative;width:400px;height:300px;background:#1b1b3280;border-radius:20px;border:1px solid hsla(210,70%,50%,.3);overflow:hidden;margin-bottom:30px}.device-screen{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.face-outline{width:250px;height:250px;position:relative}.face-guide{width:100%;height:100%}.alignment-status{position:absolute;bottom:10px;left:0;width:100%;display:flex;justify-content:space-around;padding:0 10px}.status-indicator{display:flex;align-items:center;font-size:14px;color:#ffffffe6}.status-icon{width:12px;height:12px;border-radius:50%;margin-right:8px;background:#26d926;box-shadow:0 0 8px #26d926cc}.status-icon.warning{background:#fa0;box-shadow:0 0 8px #fa0c}.status-text{font-size:12px}.device-camera{position:absolute;top:10px;left:50%;transform:translate(-50%);width:12px;height:12px;border-radius:50%;background:#242442;border:2px solid hsla(210,70%,50%,.5)}.device-glow{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 30px #0d80f24d;pointer-events:none}.positioning-animation{width:100%;height:150px;background:#1b1b3280;border-radius:10px;border:1px solid hsla(210,70%,50%,.3);padding:15px;display:flex;justify-content:center;align-items:center}.animation-container{width:100%;height:100%;position:relative}.animation-figure{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.figure-head{width:60px;height:80px;border-radius:30px;background:#4799eb4d;border:2px solid hsla(210,80%,60%,.8)}.figure-body{position:absolute;top:80px;width:80px;height:40px;background:#4799eb33;border:2px solid hsla(210,80%,60%,.6);border-top:none;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.figure-device{position:absolute;left:calc(50% + 120px);top:50%;transform:translateY(-50%);width:80px;height:140px;display:flex;flex-direction:column;align-items:center}.device-body-mini{width:70px;height:120px;border-radius:10px;background:#242442b3;border:2px solid hsla(210,70%,50%,.8)}.device-screen-mini{position:absolute;top:10px;left:10px;width:50px;height:80px;background:#4799eb33;border-radius:5px}.measurement-line{position:absolute;top:50%;left:calc(50% + 30px);width:90px;height:2px;background:#4799ebcc;display:flex;justify-content:center;align-items:center}.measurement-line:before,.measurement-line:after{content:"";position:absolute;width:2px;height:10px;background:#4799ebcc}.measurement-line:before{left:0}.measurement-line:after{right:0}.measurement-label{position:absolute;top:calc(50% + 15px);left:calc(50% + 30px);width:90px;text-align:center;font-size:12px;color:#75b3f0}.instruction-step{display:flex;margin-bottom:25px}.step-number{width:30px;height:30px;border-radius:50%;background:#4799eb;color:#fff;font-weight:700;display:flex;justify-content:center;align-items:center;margin-right:15px;flex-shrink:0;margin-top:5px}.step-content{flex:1}.step-content h3{color:#75b3f0;font-size:18px;margin-bottom:8px;font-weight:600}.step-content p{font-size:16px;line-height:24px;color:#e6e6e6cc;margin-bottom:0}.direction-options{display:flex;justify-content:center;gap:15px}.direction-btn{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background:#242442cc;border:1px solid hsla(210,70%,50%,.5);color:#fffc;cursor:pointer;transition:all .2s ease}.direction-btn:hover{background:#363663cc;transform:translateY(-2px)}.direction-btn.active{background:#2680d9cc;color:#fff;box-shadow:0 0 10px #2680d980}.landolt-c-container{display:flex;justify-content:center;align-items:center;width:200px;height:200px}.landolt-c{width:100%;height:100%}.field-map{display:flex;flex-direction:column}.field-container{position:relative;width:100%;height:300px;margin-bottom:10px}.field-labels{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.field-label{position:absolute;font-size:12px;color:#75b3f0cc;text-transform:uppercase;letter-spacing:1px}.field-label.center{top:50%;left:50%;transform:translate(-50%,-50%)}.field-label.top{top:5%;left:50%;transform:translate(-50%)}.field-label.right{top:50%;right:5%;transform:translateY(-50%)}.field-label.bottom{bottom:5%;left:50%;transform:translate(-50%)}.field-label.left{top:50%;left:5%;transform:translateY(-50%)}.field-legend{display:flex;justify-content:center;gap:20px}.legend-item{display:flex;align-items:center}.legend-color{width:16px;height:16px;border-radius:50%;margin-right:8px}.legend-color.high{background:#0df20db3}.legend-color.medium{background:#3d99f5b3}.legend-color.low{background:#f2800db3}.legend-text{font-size:12px;color:#e6e6e6cc}.number-options{display:flex;justify-content:center;gap:10px;margin-bottom:15px}.number-btn{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:8px;background:#242442cc;border:1px solid hsla(210,70%,50%,.5);color:#fffc;font-size:16px;cursor:pointer;transition:all .2s ease}.number-btn:hover{background:#363663cc;transform:translateY(-2px)}.number-btn.active{background:#2680d9cc;color:#fff;box-shadow:0 0 10px #2680d980}.number-btn:last-child{width:auto;padding:0 15px}.ishihara-container{display:flex;justify-content:center;align-items:center;width:250px;height:250px}.ishihara-plate{width:100%;height:100%;filter:drop-shadow(0 0 10px hsla(210,70%,50%,.3))}.spectrum-map{display:flex;flex-direction:column}.spectrum-container{position:relative;width:100%;height:150px;margin-bottom:20px;background:#151528cc;border-radius:10px;border:1px solid hsla(210,70%,50%,.2);padding:15px}.spectrum-gradient{width:100%;height:20px;background:linear-gradient(to right,#7f00ff,#00f,#0080ff,#0ff,#0f0,#ff0,#ff8000,red);border-radius:3px;margin-bottom:5px}.spectrum-markers{position:relative;width:100%;height:20px}.spectrum-marker{position:absolute;transform:translate(-50%)}.marker-line{width:1px;height:10px;background:#b3b3b380;margin:0 auto}.marker-label{font-size:10px;color:#b3b3b3b3;text-align:center;white-space:nowrap}.sensitivity-curve{position:relative;width:100%;height:80px;margin-top:10px}.curve-svg{width:100%;height:100%}.sensitivity-points{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.sensitivity-point{position:absolute;transform:translate(-50%,-50%)}.point-dot{width:8px;height:8px;border-radius:50%;background:#ffffffe6;box-shadow:0 0 5px #3d99f5cc;margin:0 auto 5px}.point-label{font-size:10px;color:#75b3f0e6;white-space:nowrap;text-align:center}.critical-ranges{display:flex;justify-content:space-between;margin-top:15px}.range-item{display:flex;align-items:center}.range-color{width:24px;height:24px;border-radius:4px;margin-right:10px;box-shadow:0 0 5px #0000004d}.blue-purple{background:linear-gradient(to right,#3d3df5,#993df5)}.gold-amber{background:linear-gradient(to right,#f5c73d,#f5993d)}.red-green{background:linear-gradient(to right,#f53d3d,#3df53d)}.range-info{display:flex;flex-direction:column}.range-name{font-size:12px;color:#e6e6e6e6;font-weight:500}.range-sensitivity{font-size:10px;color:#75b3f0cc}.frequency-display{display:flex;flex-direction:column;align-items:center;margin-bottom:15px}.frequency-value{font-size:24px;font-weight:700;color:#75b3f0;margin-bottom:5px;font-family:monospace}.frequency-range{width:80%;max-width:300px}.range-track{width:100%;height:6px;background:#242442cc;border-radius:3px;overflow:hidden;position:relative}.range-fill{height:100%;background:linear-gradient(to right,#4799eb,#2626d9);border-radius:3px}.range-labels{display:flex;justify-content:space-between;margin-top:5px}.range-label{font-size:12px;color:#b3b3b3cc}.animation-container{display:flex;flex-direction:column;align-items:center;width:100%;height:180px}.animation-target{width:200px;height:200px;margin-bottom:15px;display:flex;justify-content:center;align-items:center}.temporal-animation{width:100%;height:100%}.detection-btn{background:#4799eb;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.detection-btn:hover{background:#5aa6f2;transform:translateY(-2px)}.detection-btn:active{background:#368ce2;transform:translateY(1px)}.graph-container{display:flex;height:250px;margin-bottom:15px}.graph-y-axis{display:flex;flex-direction:column;width:50px;margin-right:10px}.y-axis-label{transform:rotate(-90deg);transform-origin:center left;font-size:12px;color:#b3b3b3cc;white-space:nowrap;margin-bottom:20px;position:relative;left:15px}.y-axis-ticks{display:flex;flex-direction:column;justify-content:space-between;height:200px;align-items:flex-end;padding-right:5px}.y-tick{font-size:10px;color:#b3b3b3cc}.graph-content{flex:1;position:relative}.graph-svg{width:100%;height:200px;background:#15152880;border-radius:4px}.graph-x-axis{margin-top:10px}.x-axis-label{font-size:12px;color:#b3b3b3cc;text-align:center;margin-bottom:5px}.x-axis-ticks{display:flex;justify-content:space-between;width:100%}.x-tick{font-size:10px;color:#b3b3b3cc}.optimal-ranges{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:15px}.optimal-range{flex:0 0 32%;background:#24244280;border-radius:8px;padding:10px}.optimal-label{font-size:12px;color:#b3b3b3e6;margin-bottom:5px}.optimal-value{font-size:14px;color:#75b3f0;font-weight:600}.direction-btn.not-visible{width:auto;padding:0 10px}.grating-container{display:flex;justify-content:center;align-items:center;width:280px;height:280px;background:#80808008;border-radius:50%;overflow:hidden}.grating-pattern{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.grating-svg{width:100%;height:100%}.contrast-controls{width:100%;margin-top:15px;margin-bottom:10px}.contrast-slider{width:80%;max-width:300px;margin:0 auto}.slider-label{font-size:14px;color:#75b3f0;text-align:center;margin-bottom:5px}.slider-thumb{position:absolute;top:50%;left:8%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:#ffffffe6;box-shadow:0 0 5px #2680d980;cursor:pointer}.slider-range{display:flex;justify-content:space-between;margin-top:5px}.slider-range span{font-size:12px;color:#b3b3b3cc}.csf-graph{width:100%;height:250px;margin-bottom:15px}.csf-svg{width:100%;height:100%;border-radius:4px}.csf-legend{display:flex;justify-content:center;gap:20px}.legend-marker{width:16px;height:16px;border-radius:50%;margin-right:8px}.legend-marker.peak{background:#0df20dcc;border:1px solid white}.legend-marker.current{background:#3d99f5cc;border:1px solid hsla(0,0%,100%,.5)}.legend-marker.average{background:none;border:1px dashed hsla(270,90%,60%,.8)}.fov-test-area{position:relative;width:100%;height:220px;border-radius:10px;background:#151528cc;margin:10px 0;overflow:hidden}.focus-point{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:#ffffffe6;box-shadow:0 0 10px #3d99f5cc}.focus-point:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;border:1px solid hsla(0,0%,100%,.5);animation:pulse 2s infinite ease-in-out}.stimulus{position:absolute;width:15px;height:15px;border-radius:50%;background:#3d99f5e6;box-shadow:0 0 15px #3d99f5b3;transform:translate(-50%,-50%);animation:appear .5s ease-in-out}.attention-grid{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.grid-cell{position:absolute;border:1px dashed hsla(210,70%,60%,.2)}.test-controls{width:100%;display:flex;justify-content:center;margin-top:10px}.heatmap-container{display:flex;flex-direction:column}.heatmap{position:relative;width:100%;height:300px;margin-bottom:15px}.heatmap-svg{width:100%;height:100%;border-radius:5px}.heatmap-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.overlay-element{position:absolute;border:1px dashed hsla(210,80%,70%,.7);border-radius:4px;padding:4px;font-size:12px;color:#fffc;text-align:center;display:flex;align-items:center;justify-content:center}.response-metrics{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:10px}.metric{flex:0 0 30%;background:#24244280;border-radius:8px;padding:10px}.saccade-patterns{margin-bottom:25px}.saccade-patterns h3{color:#75b3f0;font-size:18px;margin-bottom:10px;font-weight:600}.pattern-visualization{width:100%;margin-bottom:10px}.saccade-svg{width:100%;height:150px;border-radius:5px;margin-bottom:5px}.pattern-label{font-size:14px;color:#75b3f0e6;text-align:center}.profile-container{width:100%;background:#1b1b3280;border-radius:20px;border:1px solid hsla(210,70%,50%,.3);overflow:hidden;margin-bottom:30px}.profile-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#242442cc;border-bottom:1px solid hsla(210,70%,50%,.3)}.profile-title{font-size:16px;color:#75b3f0;font-weight:600}.profile-id{font-size:12px;color:#75b3f0b3;font-family:monospace}.radar-chart{width:100%;height:400px;padding:20px}.radar-svg{width:100%;height:100%}.profile-metrics{padding:0 20px 20px}.metric-row{display:flex;justify-content:space-between;margin-bottom:15px}.metric-item{flex:0 0 48%}.metric-bar{width:100%}.bar-track{width:100%;height:6px;background:#242442cc;border-radius:3px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(to right,#4799eb,#9947eb);border-radius:3px}.optimization-preview{width:100%;background:#1b1b3280;border-radius:20px;border:1px solid hsla(210,70%,50%,.3);overflow:hidden}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#242442cc;border-bottom:1px solid hsla(210,70%,50%,.3)}.preview-title{font-size:16px;color:#75b3f0;font-weight:600}.preview-toggle{display:flex;align-items:center}.toggle-label{font-size:12px;color:#b3b3b3cc;margin:0 8px}.toggle-label.active{color:#75b3f0}.toggle-switch{display:inline-block;position:relative}.toggle-track{width:36px;height:18px;background:#363663cc;border-radius:9px;position:relative;cursor:pointer}.toggle-thumb{position:absolute;top:2px;right:2px;width:14px;height:14px;background:#4799eb;border-radius:50%;transition:all .2s ease}.preview-container{padding:20px}.preview-interface{width:100%;height:300px;background:#151528cc;border-radius:10px;border:1px solid hsla(210,70%,50%,.2);display:flex;flex-direction:column}.interface-element{position:relative;border:1px dashed;padding:10px;display:flex;flex-direction:column}.interface-element.header{height:40px;margin-bottom:10px;justify-content:center}.interface-element.footer{height:40px;margin-top:10px;justify-content:center}.interface-layout{display:flex;flex:1;gap:10px;margin-bottom:10px}.interface-element.sidebar{flex:0 0 100px}.interface-element.content{flex:1}.interface-element.controls{flex:0 0 120px}.element-label{font-size:14px;color:#fffc;text-align:center;margin-bottom:5px}.element-optimizations{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.optimization-tag{font-size:9px;background:#2680d933;border:1px solid hsla(210,70%,50%,.3);border-radius:3px;padding:2px 4px;color:#75b3f0}.header-controls{display:flex;align-items:center}.control-button{width:12px;height:12px;border-radius:50%;margin-right:8px;cursor:pointer}.control-button.minimize{background:#f2f20dcc}.control-button.maximize{background:#0df20dcc}.control-button.close{background:#f20d0dcc}.header-title{font-size:14px;color:#ffffffe6;font-weight:500;text-align:center;flex:1}.header-actions{display:flex;align-items:center}.action-button{width:28px;height:28px;border-radius:4px;display:flex;justify-content:center;align-items:center;margin-left:8px;color:#fffc;cursor:pointer}.action-button:hover{background:#ffffff1a}.sidebar-nav{width:200px;background:#20203ccc;padding:15px 0;border-right:1px solid hsla(210,70%,50%,.2)}.nav-item{display:flex;align-items:center;padding:12px 20px;color:#ffffffb3;cursor:pointer;transition:all .2s ease}.nav-item:hover{background:#2680d91a;color:#ffffffe6}.nav-item.active{background:#2680d933;color:#75b3f0}.nav-item svg{margin-right:10px}.main-content{flex:1;padding:20px;overflow-y:auto;background:#151528cc}.content-header{margin-bottom:20px}.content-header h2{font-size:20px;color:#75b3f0;margin-bottom:5px;text-align:left}.content-header p{font-size:14px;color:#e6e6e6b3;margin:0}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px}.dashboard-card{background:#1b1b3280;border-radius:8px;border:1px solid hsla(210,70%,50%,.2);overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#20203ccc;border-bottom:1px solid hsla(210,70%,50%,.2)}.card-header h3{font-size:16px;color:#75b3f0;margin:0}.card-controls{display:flex;align-items:center}.control-dot{width:8px;height:8px;border-radius:50%;background:#b3b3b380;margin-left:5px;cursor:pointer}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#242442cc;border-bottom:1px solid hsla(210,70%,50%,.3)}.panel-actions{display:flex;gap:10px}.panel-btn{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.reset-btn{background:transparent;color:#75b3f0;border:1px solid hsla(210,80%,60%,.5)}.reset-btn:hover{background:#4799eb1a;border-color:#4799ebcc}.save-btn{background:#4799ebcc;color:#ffffffe6;border:none}.save-btn:hover{background:#5aa6f2e6}.parameter-group{padding:15px 20px;border-bottom:1px solid hsla(210,70%,50%,.2)}.parameter-group:last-child{border-bottom:none}.parameter-header{font-size:14px;color:#75b3f0e6;font-weight:600;margin-bottom:15px}.parameter-row{display:flex;align-items:center;margin-bottom:12px}.parameter-row:last-child{margin-bottom:0}.parameter-label{flex:0 0 150px;font-size:14px;color:#e6e6e6cc}.parameter-control{flex:1;display:flex;align-items:center}.slider-container{flex:1;height:24px;display:flex;align-items:center;position:relative}.parameter-value{width:60px;text-align:right;font-size:14px;color:#75b3f0;font-weight:500}.alignment-options,.position-options{display:flex;gap:5px}.alignment-btn,.position-btn{padding:4px 8px;border-radius:4px;font-size:12px;background:#242442cc;color:#e6e6e6cc;border:1px solid hsla(210,70%,50%,.3);cursor:pointer}.alignment-btn:hover,.position-btn:hover{background:#2d2d53cc}.alignment-btn.active,.position-btn.active{background:#2680d9cc;color:#ffffffe6}.preview-mode{display:flex;gap:5px}.mode-btn{padding:6px 12px;border-radius:4px;font-size:12px;background:#242442cc;color:#e6e6e6cc;border:1px solid hsla(210,70%,50%,.3);cursor:pointer}.mode-btn:hover{background:#2d2d53cc}.mode-btn.active{background:#2680d9cc;color:#ffffffe6}.preview-window{background:#1b1b3280;border-radius:10px;border:1px solid hsla(210,70%,50%,.3);overflow:hidden;margin-bottom:15px;flex:1}.preview-frame{padding:20px;height:calc(100% - 80px)}.preview-content{background:#151528cc;border-radius:8px;height:100%;display:flex;flex-direction:column;overflow:hidden}.preview-element.sidebar{width:160px;background:#1919e626;border-right:1px solid hsla(240,80%,60%,.2);padding:15px 0}.content-paragraph{font-size:14px;line-height:1.6;color:#e6e6e6cc;margin-bottom:15px}.content-button{display:inline-block;padding:8px 16px;background:#4799ebcc;color:#ffffffe6;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer}.footer-text{font-size:12px;color:#75b3f0cc;text-align:center}.preview-metrics{display:flex;justify-content:space-around;padding:15px;border-top:1px solid hsla(210,70%,50%,.2)}.metric-icon{width:24px;height:24px;border-radius:50%;margin-right:10px;position:relative;display:flex;align-items:center;justify-content:center}.metric-icon.readability{background:#1fad1f33;border:1px solid hsla(120,70%,50%,.5)}.metric-icon.readability:before{content:"";width:12px;height:2px;background:#52e052e6;box-shadow:0 4px #52e052e6,0 8px #52e052e6}.metric-icon.accessibility{background:#1f66ad33;border:1px solid hsla(210,70%,50%,.5)}.metric-icon.accessibility:before{content:"";width:8px;height:8px;border:2px solid hsla(210,70%,60%,.9);border-radius:50%}.metric-icon.resonance{background:#661fad33;border:1px solid hsla(270,70%,50%,.5)}.metric-icon.resonance:before,.metric-icon.resonance:after{content:"";position:absolute;background:#9952e0e6}.metric-icon.resonance:before{width:12px;height:2px}.metric-icon.resonance:after{width:2px;height:12px}.metric-info{display:flex;flex-direction:column}.preview-note{display:flex;align-items:flex-start;background:#1980e61a;border-radius:8px;padding:12px;border:1px solid hsla(210,80%,60%,.2)}.note-icon{width:20px;height:20px;border-radius:50%;background:#4799eb33;border:1px solid hsla(210,80%,60%,.5);margin-right:10px;position:relative;flex-shrink:0}.note-icon:before{content:"i";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#75b3f0;font-size:12px;font-weight:700;font-style:italic}.note-text{font-size:13px;line-height:1.5;color:#e6e6e6b3}.creation-visualization{padding:30px;display:flex;flex-direction:column;position:relative}.visualization-stage{display:flex;align-items:center;height:120px;margin-bottom:20px;position:relative}.visualization-stage:last-child{margin-bottom:0}.stage-indicator{display:flex;flex-direction:column;align-items:center;width:150px;position:relative}.indicator-dot{width:16px;height:16px;border-radius:50%;background:#363663cc;border:1px solid hsla(210,70%,50%,.5);position:relative;z-index:2}.indicator-line{width:2px;height:120px;background:#2680d94d;position:absolute;top:16px;z-index:1}.visualization-stage:last-child .indicator-line{display:none}.indicator-label{font-size:14px;color:#b3b3b3cc;margin-top:10px;text-align:center;width:100px}.stage-indicator.completed .indicator-dot{background:#26d926cc;border-color:#52e052cc;box-shadow:0 0 10px #26d92680}.stage-indicator.completed .indicator-line{background:#26d92680}.stage-indicator.completed .indicator-label{color:#7de87de6}.stage-indicator.active .indicator-dot{background:#2680d9cc;border-color:#5299e0cc;box-shadow:0 0 10px #2680d980;animation:pulse 2s infinite}.stage-indicator.active .indicator-label{color:#7db3e8e6}.key-svg,.blockchain-svg,.encryption-svg{flex:1;height:120px}.transaction-status{padding:20px;border-top:1px solid hsla(210,70%,50%,.3)}.status-header{font-size:14px;color:#75b3f0;font-weight:500;margin-bottom:15px}.status-details{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px;margin-bottom:15px}.status-item{display:flex;flex-direction:column}.status-label{font-size:12px;color:#b3b3b3cc;margin-bottom:5px}.status-value{font-size:14px;color:#ffffffe6;font-family:monospace;word-break:break-all}.status-value.processing{color:#f5b83d}.status-progress{width:100%}.progress-track{width:100%;height:6px;background:#242442cc;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(to right,#f5b83d,#0df20d);border-radius:3px;transition:width .5s ease}.identity-details{width:100%;background:#1b1b3280;border-radius:20px;border:1px solid hsla(210,70%,50%,.3);overflow:hidden}.details-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#242442cc;border-bottom:1px solid hsla(210,70%,50%,.3)}.details-action{font-size:14px;color:#75b3f0;cursor:pointer;transition:color .2s ease}.details-action:hover{color:#a3ccf5;text-decoration:underline}.details-content{padding:20px}.detail-item{margin-bottom:15px}.detail-item:last-child{margin-bottom:0}.detail-label{font-size:14px;color:#b3b3b3cc;margin-bottom:5px}.detail-value{font-size:14px;color:#ffffffe6;font-family:monospace;word-break:break-all;padding:8px 12px;background:#24244280;border-radius:4px;border:1px solid hsla(210,70%,50%,.2)}.detail-value.secure{display:flex;justify-content:space-between;align-items:center}.secure-placeholder{color:#b3b3b3b3}.reveal-btn{padding:4px 8px;font-size:12px;background:transparent;color:#75b3f0;border:1px solid hsla(210,80%,60%,.5);border-radius:4px;cursor:pointer;transition:all .2s ease}.reveal-btn:hover{background:#4799eb1a;border-color:#4799ebcc}.energy-field{position:absolute;top:0;left:0;width:100%;height:100%}.field-svg{width:100%;height:100%}.tavatar-figure{position:relative;z-index:2;width:200px;height:300px}.tavatar-svg{width:100%;height:100%}.completion-stats{width:100%;background:#1b1b3280;border-radius:20px;border:1px solid hsla(210,70%,50%,.3);padding:20px}.stats-header{font-size:16px;color:#75b3f0;text-align:center;margin-bottom:20px;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat-item{display:flex;flex-direction:column;align-items:center;background:#24244280;border-radius:10px;padding:15px 10px;transition:all .3s ease}.stat-item:hover{transform:translateY(-5px);background:#2d2d5380;box-shadow:0 5px 15px #1f1fad4d}.stat-icon{width:40px;height:40px;border-radius:50%;margin-bottom:10px;position:relative;display:flex;align-items:center;justify-content:center}.stat-icon:before,.stat-icon:after{content:"";position:absolute}.stat-icon.tests{background:#1f66ad33;border:1px solid hsla(210,70%,50%,.5)}.stat-icon.tests:before{width:16px;height:20px;border:2px solid hsla(210,70%,60%,.9);border-radius:2px}.stat-icon.tests:after{width:10px;height:2px;background:#5299e0e6;top:12px;box-shadow:0 4px #5299e0e6,0 8px #5299e0e6}.stat-icon.parameters{background:#661fad33;border:1px solid hsla(270,70%,50%,.5)}.stat-icon.parameters:before{width:16px;height:16px;border-radius:50%;border:2px solid hsla(270,70%,60%,.9)}.stat-icon.parameters:after{width:8px;height:8px;border-radius:50%;background:#9952e0e6}.stat-icon.resonance{background:#ad1f6633;border:1px solid hsla(330,70%,50%,.5)}.stat-icon.resonance:before{width:20px;height:2px;background:#e05299e6;border-radius:1px}.stat-icon.resonance:after{width:2px;height:20px;background:#e05299e6;border-radius:1px}.stat-icon.security{background:#1fad1f33;border:1px solid hsla(120,70%,50%,.5)}.stat-icon.security:before{width:16px;height:12px;border:2px solid hsla(120,70%,60%,.9);border-radius:2px;border-top-width:8px}.stat-value{font-size:24px;color:#75b3f0;font-weight:700;margin-bottom:5px}.stat-label{font-size:12px;color:#e6e6e6b3;text-align:center}@keyframes clockwise{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.2)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wave{0%,to{d:path("M0,50 C30,30 70,70 100,50 C130,30 170,70 200,50 C230,30 270,70 300,50 C330,30 370,70 400,50")}50%{d:path("M0,50 C30,70 70,30 100,50 C130,70 170,30 200,50 C230,70 270,30 300,50 C330,70 370,30 400,50")}}@keyframes scan{0%{top:0}50%{top:calc(100% - 2px)}to{top:0}}@keyframes clock{0%{transform:translate(-25%,-50%) rotate(0)}to{transform:translate(-25%,-50%) rotate(360deg)}}@keyframes pulse{0%{width:20px;height:20px;opacity:1}to{width:40px;height:40px;opacity:0}}@keyframes appear{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:768px){.mockups-number-menu{overflow-x:auto;justify-content:flex-start;padding:0 5px}.mockups-number-tab{padding:0 12px;font-size:13px;white-space:nowrap}.mockups-number-main{height:100%;min-height:calc(100vh - 40px);padding:8px}.mockups-number-main h1{font-size:24px;line-height:30px;margin-bottom:16px}.mockups-number-main h2{font-size:18px;line-height:24px;margin-bottom:12px}.mockups-number-tagline{font-size:14px;line-height:20px;margin-bottom:24px}.welcome-container,.sovereignty-container,.permission-container,.positioning-container,.acuity-container,.color-container,.temporal-container,.contrast-container,.fov-container,.results-container,.preview-container,.adjustment-container,.blockchain-container,.completion-container{flex-direction:column;padding:0 12px}.tavatar-container,.sovereignty-visual,.permission-visual,.positioning-visual,.acuity-visual,.color-visual,.temporal-visual,.contrast-visual,.fov-visual,.results-visual,.blockchain-visual,.celebration-visual,.interface-preview{flex:0 0 auto;width:100%;margin-right:0;margin-bottom:20px}.adjustment-controls{flex:0 0 auto;width:100%}.adjustment-preview,.blockchain-info,.completion-info,.sovereignty-text,.permission-text,.positioning-instructions,.acuity-info,.color-info,.temporal-info,.contrast-info,.fov-info,.results-info{max-width:100%}.welcome-btn,.sovereignty-btn,.permission-btn,.positioning-btn,.acuity-btn,.color-btn,.temporal-btn,.contrast-btn,.fov-btn,.results-btn,.adjustment-btn,.blockchain-btn,.completion-btn{padding:12px 20px;font-size:15px}.test-display{height:auto;min-height:280px}.direction-options,.number-options{gap:8px}.direction-btn,.number-btn{width:36px;height:36px;font-size:14px}.landolt-c-container,.ishihara-container,.grating-container{width:200px;height:200px}.field-container,.spectrum-container,.csf-graph,.heatmap,.radar-chart{height:250px}.graph-container{height:200px}.visualization-stage{height:100px}.stage-indicator{width:120px}.indicator-label{font-size:12px;width:90px}.key-svg,.blockchain-svg,.encryption-svg{height:100px}.status-details,.profile-metrics .metric-row,.dashboard-grid{grid-template-columns:1fr}.interface-layout{flex-direction:column}.sidebar-nav{width:100%;height:auto;border-right:none;border-bottom:1px solid hsla(210,70%,50%,.2);padding:10px 0}.preview-element.sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid hsla(240,80%,60%,.2)}.parameter-row{flex-direction:column;align-items:flex-start;margin-bottom:20px}.parameter-label{flex:0 0 auto;margin-bottom:8px}.parameter-control{width:100%}.slider-container{margin-bottom:8px}.parameter-value{text-align:left}.alignment-options,.position-options,.preview-mode{flex-wrap:wrap}.stats-grid{grid-template-columns:repeat(2,1fr)}.preview-metrics{flex-direction:column;gap:15px}.metric-item{margin-bottom:10px}.response-metrics{flex-direction:column}.metric{margin-bottom:10px;width:100%}.critical-ranges{flex-direction:column;gap:10px}.range-item{margin-bottom:10px}.optimal-ranges{flex-direction:column}.optimal-range{width:100%;margin-bottom:10px}.tavatar-container{height:350px}.energy-field,.tavatar-figure{transform:scale(.8)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{display:flex;flex-wrap:wrap;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,system-ui,sans-serif}body{touch-action:pan-x pan-y;-webkit-touch-callout:none}northwest,northeast,southwest,southeast{display:flex;justify-content:center;align-items:center;width:35px;height:35px}north{display:flex;justify-content:center;align-items:center;width:calc(100% - 70px);height:35px}west{display:flex;justify-content:center;align-items:center;width:35px;height:calc(100% - 70px)}main{position:relative;z-index:0;display:flex;width:calc(100% - 70px);height:calc(100% - 70px);overflow:hidden;padding:25px;border:2px solid hsla(0,0%,0%,1)}east{display:flex;justify-content:center;align-items:center;width:35px;height:calc(100% - 70px)}south{display:flex;justify-content:center;align-items:center;width:calc(100% - 70px);height:35px}north,west,east,south,northwest,northeast,southwest,southeast{background:#000000f2;color:#ffffffe6;font-size:20px;line-height:20px;cursor:pointer}north:hover,west:hover,east:hover,south:hover,northwest:hover,northeast:hover,southwest:hover,southeast:hover{background:#5e5e5e;transform:translateY(-1px);filter:brightness(1.2);box-shadow:0 2px 8px #00000080}north:active,west:active,east:active,south:active,northwest:active,northeast:active,southwest:active,southeast:active{transform:translateY(1px);filter:brightness(.9);box-shadow:0 0 #00000080;transition:all .05s ease}#B,#N,#W,#E,#S,#NE{position:relative;z-index:1;display:flex;flex-wrap:wrap;width:100%;height:100%;overflow:hidden;background:#fffffff2}#B{justify-content:center;align-items:center;background:#000000f2}.section-menu{display:flex;justify-content:center;align-items:center;width:100%;height:40px;overflow-x:auto;overflow-y:hidden;box-sizing:border-box;border-bottom:1px solid hsla(210,80%,85%,.5);background:linear-gradient(to right,#4799eb,#1f1fad);color:#ffffffe6}.section-tabs{display:flex;height:100%}.tab{display:flex;align-items:center;padding:0 20px;font-size:16px;color:#fffffff2;cursor:pointer;transition:background .2s ease}.tab:hover{background:#ffffff26}.tab.active{background:#fff3;font-weight:700}.section-content{display:flex;flex-direction:column;width:100%;height:calc(100% - 40px);padding:10px;overflow-x:hidden;overflow-y:auto}.section-content h1,.section-content h2,.section-content h3,.section-content h4,.section-content h5{color:#1f1fad}.section-content h1{font-size:36px;line-height:44px;letter-spacing:-.015em;font-weight:900;text-align:center;margin-bottom:16px}.section-content h2{font-size:24px;line-height:32px;letter-spacing:-.01em;font-weight:700;margin-bottom:16px;text-align:center}.section-content h3{font-size:18px;line-height:24px;letter-spacing:-.005em;font-weight:500;margin-bottom:12px}.section-content p{font-size:16px;line-height:24px;margin-bottom:16px}.section-content a{color:#4799eb;text-decoration:none;transition:color .2s ease}.section-content a:hover{color:#1f1fad}.section-content button{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:6px;font-size:16px;font-weight:600;letter-spacing:.5px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px #2662d933}.quantum{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:35px;position:relative;z-index:1;width:100%;max-width:777px}.logo{width:250px;height:250px;position:relative;cursor:pointer;transition:transform .3s ease,filter .3s ease;margin-bottom:10px}.logo svg{width:100%;height:100%}.installable{position:relative}.installable:after{content:"";position:absolute;right:-5px;top:0;width:12px;height:12px;background:var(--success-green);border-radius:50%;box-shadow:0 0 10px var(--success-green);animation:pulse 1.5s infinite ease-in-out}.title{font-size:55px;line-height:55px;font-weight:700;display:flex;justify-content:center}.glow{position:relative;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease,text-shadow .5s ease;color:#fff;font-family:var(--font-main)}.glow.glowing{opacity:1;transform:translateY(0);text-shadow:0 0 10px hsla(262,78%,51%,.5),0 0 20px hsla(262,78%,51%,.3),0 0 30px hsla(262,78%,51%,.1)}.subtitle{color:#fff;font-family:var(--font-main);font-size:22px;font-weight:700;letter-spacing:1px;opacity:1;text-shadow:0 0 10px hsla(262,78%,51%,.5)}::selection{background:#1f1fad;color:#fffffff2}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#fffffff2}::-webkit-scrollbar-thumb{background:#1f1fad}::-webkit-scrollbar-thumb:hover{background:#1f1fadbf}@media(max-width:768px){main{padding:10px}.section-menu{justify-content:flex-start}}