*{margin:0;padding:0;box-sizing:border-box}body{background-color:#0f0f0f;overflow-x:hidden;overflow-y:auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;color:#fff;-webkit-overflow-scrolling:touch;text-align:center}@keyframes twinkle{0%{opacity:.3;box-shadow:0 0 2px 1px #ffffff1a;transform:scale(.8) translateZ(0)}to{opacity:.9;box-shadow:0 0 8px 3px #ffffff80;transform:scale(1) translateZ(0)}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.splash-container{position:absolute;width:100%;height:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:1rem}.splash-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0f0f0f;z-index:100;transform-origin:top;will-change:transform;transform:translateZ(0)}.splash-text{position:relative;font-size:clamp(2rem,5vw,5rem);font-weight:700;text-transform:uppercase;letter-spacing:clamp(.1rem,.5vw,.5rem);opacity:0;z-index:50;color:#fff;will-change:opacity,transform;transform:translateZ(0);text-align:center;width:100%;padding:0 1rem;white-space:nowrap}.splash-subtitle{position:relative;font-size:clamp(1rem,4vw,1.5rem);margin-top:1rem;opacity:0;z-index:50;color:#fff;will-change:opacity,transform;transform:translateZ(0);text-align:center;width:100%;padding:0 1rem}.splash-button{position:relative;display:flex;align-items:center;justify-content:center;margin-top:3rem;background:transparent;color:#fff;cursor:pointer;opacity:0;z-index:50;border:none;padding:20px;transition:transform .2s ease,opacity .2s ease;will-change:opacity,transform;transform:translateZ(0)}.splash-button:hover{transform:translate(10px)}.splash-button:hover .arrow-right{width:50px}.splash-button:hover .arrow-right:after,.splash-button:hover .arrow-right:before{width:18px;right:-2px}.arrow-right{position:relative;width:40px;height:2px;background-color:#fff;transition:all .3s ease}.arrow-right:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(45deg);width:15px;height:2px;background-color:#fff;transform-origin:right;transition:all .3s ease}.arrow-right:before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(-45deg);width:15px;height:2px;background-color:#fff;transform-origin:right;transition:all .3s ease}.letter-container{display:inline-block;overflow:hidden;vertical-align:top}.letter{display:inline-block;transform:translateY(100%)}.particles-container{position:absolute;width:100%;height:100%;overflow:hidden;z-index:10}.particle{position:absolute;background-color:#ffffffb3;box-shadow:0 0 6px 2px #ffffff4d;border-radius:50%;transform-origin:center;will-change:transform,opacity;transform:translateZ(0)}.particle.twinkle{animation:twinkle 3s infinite alternate ease-in-out}.particle.shooting{box-shadow:0 0 10px 3px #fff9;z-index:12;will-change:transform,opacity}.main-circle{position:absolute;width:clamp(230px,80vw,300px);height:clamp(230px,80vw,300px);border:2px solid rgba(255,255,255,.2);border-radius:50%;z-index:20;opacity:0}.progress-circle{position:absolute;width:clamp(250px,80vw,320px);height:clamp(250px,80vw,320px);border-radius:50%;z-index:25;opacity:0}.progress-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-circle circle{fill:none;stroke:#fff;stroke-width:2;stroke-dasharray:2010;stroke-dashoffset:2010}.pattern-grid{position:absolute;width:100%;height:100%;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);z-index:20}.grid-cell{position:relative;overflow:hidden}.grid-cell-inner{position:absolute;inset:1px;background-color:#0f0f0f;transform:scale(0);transform-origin:center}.circling-dots-container{position:absolute;width:100%;height:100%;z-index:30}.circling-dot{position:absolute;width:10px;height:10px;border-radius:50%;background-color:#fff;opacity:0}.geometric-bg{position:absolute;width:100%;height:100%;z-index:5;opacity:0}.geo-line{position:absolute;background-color:#ffffff1a}.horizontal-line{width:100%;height:1px}.vertical-line{width:1px;height:100%}.diagonal-line{width:1px;height:100%;transform-origin:top left}.glow-effect{position:absolute;width:clamp(300px,90vw,400px);height:clamp(300px,90vw,400px);border-radius:50%;background:radial-gradient(circle,#fff3,#fff0 70%);z-index:8;opacity:0;top:50%;left:50%;transform:translate(-50%,-50%)}.loader-ring{position:absolute;width:100px;height:100px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin 1s linear infinite;opacity:1;z-index:150}.morph-shapes{position:absolute;width:100%;height:100%;z-index:15;display:flex;align-items:center;justify-content:center}.morph-shape{position:absolute;width:clamp(280px,80vw,400px);height:clamp(280px,80vw,400px);opacity:0}.content{position:relative;width:100%;max-width:1200px;opacity:0;z-index:200;display:none;padding:clamp(1rem,4vw,2rem);will-change:transform,opacity;transform:translateZ(0);margin:0 auto}.profile-section{display:flex;align-items:center;gap:clamp(1.5rem,4vw,3rem);background-color:#232326b3;border-radius:10px;padding:2rem;box-shadow:0 4px 12px #00000026;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);position:relative;z-index:100;will-change:transform,opacity;transform:translateZ(0);margin-bottom:2rem}.profile-image{flex:0 0 clamp(250px,100%,300px);opacity:0;transform:translate(-20px);will-change:transform,opacity}.profile-img{width:100%;height:auto;max-height:clamp(250px,50vw,300px);border-radius:8px;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 10px #0003;object-fit:cover;display:block;position:relative;transition:transform .3s ease,box-shadow .3s ease;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;pointer-events:none}.image-protect-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;cursor:default;background-color:transparent;border-radius:16px;pointer-events:auto}.profile-info{flex:1;text-align:left}.profile-info h1{font-size:clamp(1.8rem,5vw,2.5rem);margin-bottom:clamp(.3rem,2vw,.5rem);color:#fff;font-weight:700;opacity:0;transform:translate(-20px);will-change:transform,opacity}.profile-info h2{font-size:clamp(1.1rem,3vw,1.5rem);margin-bottom:clamp(1rem,3vw,1.5rem);color:#ffffffb3;font-weight:400;opacity:0;transform:translate(-20px);will-change:transform,opacity}.profile-info p{font-size:clamp(.95rem,2.5vw,1.1rem);line-height:1.7;margin-bottom:clamp(1.5rem,4vw,2rem);color:#ffffffe6;opacity:0;transform:translate(-20px);will-change:transform,opacity}.social-links{display:flex;gap:clamp(.5rem,2vw,1rem);flex-wrap:wrap}.social-link{padding:.5rem 1rem;background:transparent;color:#fff;text-decoration:none;transition:all .3s ease;border:1px solid rgba(255,255,255,.3);border-radius:6px;font-size:.95rem;text-transform:uppercase;letter-spacing:.05rem;opacity:0;transform:translateY(10px);will-change:transform,opacity;position:relative;margin-bottom:.5rem;font-weight:500}.social-link:hover{background-color:#ffffff26;color:#fff;transform:translateY(-2px);border-color:#ffffff80}.contact-link{position:relative}.contact-link:after{content:attr(data-content);position:absolute;bottom:-40px;left:50%;transform:translate(-50%);background-color:#000c;color:#fff;padding:5px 10px;border-radius:5px;font-size:.85rem;text-transform:none;letter-spacing:normal;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none}.contact-link:hover:after{opacity:1;visibility:visible;bottom:-35px}.tools-section{margin-bottom:clamp(2rem,5vw,3rem)}.tools-container{background-color:#232326b3;border-radius:10px;padding:2rem;box-shadow:0 4px 12px #00000026;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);position:relative;z-index:100}.section-header{text-align:center;margin-bottom:clamp(1.5rem,4vw,2.5rem)}.section-header h2{font-size:clamp(1.8rem,5vw,2.5rem);color:#fff;margin-bottom:clamp(.5rem,2vw,.8rem);opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards;animation-delay:.2s}.section-header p{font-size:clamp(1rem,2.5vw,1.2rem);color:#fffc;opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards;animation-delay:.4s}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.tool-card{background-color:#28282ab3;border-radius:10px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards;box-shadow:0 4px 12px #00000026}.tool-card:nth-child(1){animation-delay:.5s}.tool-card:nth-child(2){animation-delay:.7s}.tool-card:nth-child(3){animation-delay:.9s}.tool-card:nth-child(4){animation-delay:1.1s}.tool-card:hover{transform:translateY(-3px);box-shadow:0 6px 15px #0003;background-color:#2d2d30e6;border-color:#ffffff26}.tool-info h3{font-size:clamp(1.2rem,3vw,1.5rem);margin-bottom:clamp(.6rem,2vw,1rem);color:#fff;text-align:left;margin-top:0}.tool-info p{font-size:clamp(.95rem,2.5vw,1.1rem);line-height:1.7;color:#fffc;margin-bottom:clamp(1.2rem,3vw,1.8rem);min-height:4.5rem;text-align:left}.tool-link{display:inline-block;padding:.5rem 1rem;background-color:#7289da26;color:#7289da;text-decoration:none;border-radius:6px;transition:all .3s ease;font-size:.95rem;font-weight:500}.tool-link i{margin-left:.5rem;transition:transform .3s ease}.tool-link:hover{background-color:#7289da40}.tool-link:hover i{transform:translate(3px)}.coming-soon{opacity:.7;pointer-events:none}.coming-soon-tag{display:inline-block;padding:.5rem 1rem;background-color:#0003;color:#fff9;border-radius:6px;font-size:.95rem;font-weight:500}.beta-tag{display:inline-block;padding:.3rem .6rem;background-color:#ffc10733;color:#ffc107;border:1px solid rgba(255,193,7,.4);border-radius:4px;font-size:.75rem;font-weight:600;margin-left:.5rem;text-transform:uppercase;letter-spacing:.5px}body.light-mode .section-header h2{color:#333}body.light-mode .section-header p{color:#555}body.light-mode .tools-container{background-color:#fafafcd9;border-color:#0000000f;box-shadow:0 4px 12px #00000014}body.light-mode .tool-card{background-color:#fff9;border-color:#0000000a;box-shadow:0 4px 10px #0000000d}body.light-mode .tool-card:hover{background-color:#fffffff2;box-shadow:0 6px 15px #00000014;border-color:#00000014}body.light-mode .tool-info h3{color:#333}body.light-mode .tool-info p{color:#555}body.light-mode .beta-tag{background-color:#ffc1074d;color:#e67e22;border-color:#ffc10799}body.light-mode .tool-link{background-color:#7289da14;color:#5865f2}body.light-mode .tool-link:hover{background-color:#7289da26}body.light-mode .coming-soon-tag{background-color:#0000001a;color:#555}@media (max-width: 768px){.tools-grid{grid-template-columns:1fr}.tool-info p{min-height:auto}.content{max-width:90vw;margin:0 auto}}@media (min-width: 320px){body{overflow-y:auto!important;overflow-x:hidden;height:auto!important}.splash-text{font-size:clamp(2.5rem,5vw,5rem)}.splash-subtitle{font-size:clamp(1rem,3vw,1.5rem)}.progress-circle{width:clamp(250px,80vw,320px);height:clamp(250px,80vw,320px)}.main-circle{width:clamp(230px,80vw,300px);height:clamp(230px,80vw,300px)}.morph-shape{width:clamp(280px,80vw,400px);height:clamp(280px,80vw,400px)}.profile-section{flex-direction:column;padding:1.5rem;gap:1.5rem}.profile-image{flex:0 0 auto;width:100%;max-width:250px;margin:0 auto 1rem}.profile-img{height:auto;width:100%;max-height:250px}.profile-info h1{font-size:1.8rem}.profile-info h2{font-size:1.1rem;margin-bottom:1rem}.profile-info p{font-size:.95rem;margin-bottom:1.5rem}.social-links{flex-wrap:wrap}.social-link{padding:.4rem 1rem;font-size:.9rem;margin-bottom:.5rem}}@media (min-width: 576px){.profile-section{padding:2rem}.profile-image{max-width:280px}.profile-img{max-height:280px}.profile-info h1{font-size:2rem}.profile-info h2{font-size:1.2rem}.profile-info p{font-size:1rem}}@media (min-width: 768px){.profile-section{flex-direction:row;padding:2.5rem;gap:2.5rem}.profile-image{flex:0 0 300px;width:300px;margin:0}.profile-img{height:300px}.profile-info h1{font-size:2.2rem}.profile-info h2{font-size:1.3rem;margin-bottom:1.2rem}.profile-info p{font-size:1.05rem;margin-bottom:1.8rem}}@media (min-width: 992px){.profile-section{padding:3rem;gap:3rem}.profile-info h1{font-size:2.5rem}.profile-info h2{font-size:1.5rem}.profile-info p{font-size:1.1rem}}@media (min-width: 1200px){.content{max-width:1500px;margin:0 auto}}